Javascript 单击表单-js上的“下一步”按钮后禁用Scrolltop
我正在使用表单集合中的多页表单。单击“下一步”按钮转到下一页后,它会滚动到表单顶部,并切断页面标题!有什么办法可以阻止这种事情发生吗 这是表格- 我在表单html中删除了这个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=
<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);
...