Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击表单-js上的“下一步”按钮后禁用Scrolltop_Javascript_Jquery_Forms_Scroll_Onclick - Fatal编程技术网

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

Javascript 单击表单-js上的“下一步”按钮后禁用Scrolltop,javascript,jquery,forms,scroll,onclick,Javascript,Jquery,Forms,Scroll,Onclick,我正在使用表单集合中的多页表单。单击“下一步”按钮转到下一页后,它会滚动到表单顶部,并切断页面标题!有什么办法可以阻止这种事情发生吗 这是表格- 我在表单html中删除了这个 <script> input.wfPageNextButton.onclick=function(){ $('html, body').animate({ scrollTop: 0 }, 0); }; </script> input.wfPageNextButton.onclick=

我正在使用表单集合中的多页表单。单击“下一步”按钮转到下一页后,它会滚动到表单顶部,并切断页面标题!有什么办法可以阻止这种事情发生吗

这是表格-

我在表单html中删除了这个

<script>

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

</script>

input.wfPageNextButton.onclick=function(){
$('html,body').animate({scrollTop:0},0);
};
然而,它没有起作用。然后我注意到

<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>

wFORMS.behaviors.prefill.skip=false;
那么,我可以写一些js来抵消这个/这些js文件中发生的事情吗

我一点也不擅长js,所以我很难理解它


提前感谢您的帮助

鉴于您不想同时禁用滚动,我们需要这样做:

$(function() {

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

}); 
因此,点击按钮后,它将检查是否有垂直滚动,如果有,将其设置为0。至于放在哪里,在你身体的末端可能是最安全的

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

所以


也许这会很有用:你知道我是否需要将js添加到我的站点的标题来抵消这一点吗?我一直在尝试不同的东西在html代码的形式,它说。。。input.wfPageNextButton.onclick=function(){$('html,body')。动画({scrollTop:0},0};}。。。然而,无论我怎么努力,似乎都没有什么不同的事情发生!谢谢你的评论!:)在底部添加的可能重复工作!但是它禁用了当前页面的滚动,当单击“下一步”按钮时,我将如何执行此操作?我用input.wfPageNextButton.onclick=function()替换了jQuery(function(){){-好久不见,没用!我只是想-我仍然希望用户能够滚动页面,但只想在单击“下一步”按钮后禁用滚动顶部…所以当用户进入下一页时,它保持在垂直位置,仅此而已!不确定这是否有帮助!@tomloprod,因为在javascript中该操作似乎太新了我不确定他是否能自己做出必要的改变。他也不知道该把它放在哪里。@好吧,我想你应该写一篇评论;但这只是我的意见。@汤姆洛普罗德也许你是对的,我自己也是如此(~2-3周)的新手
jQuery(function(){
    var $body = jQuery(document);
    ...