hCaptcha 在调用时滚动到顶部

J P*_*J P 6 html javascript frontend hcaptcha

我已以不可见模式将 hCaptcha 添加到我的网站,当按下表单上的提交按钮时,我会调用挑战

await captcha.execute({ async: true }).catch(() => { // ... }
submitForm();
Run Code Online (Sandbox Code Playgroud)

但是,由于某种原因,这会导致页面滚动到顶部,然后向我显示 hCaptcha 挑战。

如何防止这种滚动发生?

示例: https: //codepen.io/aisouard/pen/mdxKqZy

Mar*_*Dub 0

谷歌这边好像有bug,不过他们很早之前就已经修复了。

解决方法可以设置heighthtmlauto

html {
    height: auto
}
Run Code Online (Sandbox Code Playgroud)

如果您有,则会出现滚动问题height: 100%