单击表单上的下一步按钮后禁用 Scrolltop - js

Question

我正在使用来自 Form Assembly 的多页表单。单击下一步按钮转到下一页后，它会滚动到表格顶部，切断页面的标题！有没有办法阻止这种情况发生？

这是表格 - http://futureldn.co/apply/

我在 html 表单中删除了它...

<script>

input.wfPageNextButton.onclick=function(){
    $('html, body').animate({ scrollTop: 0 }, 0);
};

</script>

但是没有用。然后我注意到了……

<script type="text/javascript" src="http://www.tfaforms.com/wForms/3.8/js/wforms.js"></script>
<script type="text/javascript">
    wFORMS.behaviors.prefill.skip = false;
</script>
    <script type="text/javascript" src="http://www.tfaforms.com/wForms/3.8/js/localization-en_GB.js"></script>

那么，我可以写一些js来抵消这个/这些js文件/s中发生的事情吗？

我根本不擅长 js，所以很难解释它！

提前感谢您的帮助！

Answer 1

鉴于您不想完全禁用滚动，我们需要执行以下操作：

$(function() {

    var $body = $(document);
    $body.on('click','.wfPageNextButton, .wfPagePreviousButton', function() {
        // "Disable" the horizontal scroll.
        if ($body.scrollTop() !== 0) {
            $body.scrollTop(0);
        }
    });

}); 

所以在点击按钮后，它会检查是否有垂直滚动，如果有，将其设置为0。至于放在哪里，放在身体的最后可能是最安全的。

注意到在您的页面上测试它时，它不熟悉 $ 作为 jQuery 的简写，因此您可能需要将 $ 更改为 jQuery。

所以

jQuery(function(){
    var $body = jQuery(document);
    ...