javascript - 单击表单上的下一个按钮后禁用 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文件中发生的事情吗？

我根本不擅长 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。至于放在哪里，放在 body 的末端可能是最安全的。

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

所以

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