单击单选按钮或复选框时表单滚动到顶部

Posted

技术标签:

【中文标题】单击单选按钮或复选框时表单滚动到顶部【英文标题】:Form scrolling to top on click of radio button or checkbox 【发布时间】:2014-11-24 12:36:54 【问题描述】:

我使用 QuForm 创建了一个表单:http://create.mindview.us/create

(向下滚动并选择标准包,会弹出表单)

当我选中单选按钮或复选框时,页面滚动到顶部

我希望表单停留在被点击的字段上而不是滚动。

任何帮助将不胜感激!

【问题讨论】:

欢迎来到 SO。如果你展示你尝试过的东西,那就太好了。你能提供你的代码吗?然后,有人可以帮助您。 @jazzurro 感谢您的欢迎。老实说,我不知道在这里发布什么代码 sn-ps。我一直在尝试追踪导致滚动的事件。 【参考方案1】:

在使用弹出表单时,我仍然遇到 Quform 的这个问题。

我的解决方案是在 Quform-settings > Tweaks & Troubleshooting > Popup script

中从 Fancybox 2 更改为 Fancybox 3

【讨论】:

以上是关于单击单选按钮或复选框时表单滚动到顶部的主要内容,如果未能解决你的问题,请参考以下文章

必须单击两个单选按钮/复选框/按钮中的一个,Laravel 5.2

当我滚动列表视图单选按钮被自动选择或取消选择无法保持单选按钮的状态

带有选择、复选框和单选按钮的 Angular JS 表单

在javascript单击处理程序中隐藏和单选按钮和复选框标签

使用 Bootstrap 4 展开单选按钮切换

点击文字也可选中相对应的单选按钮或复选按钮