Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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 jQuery滚动至页面底部锁定/结巴/抖动滚动_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jQuery滚动至页面底部锁定/结巴/抖动滚动

Javascript jQuery滚动至页面底部锁定/结巴/抖动滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图在用户提交表单后滚动到页面底部。但是,当我执行以下代码时,浏览器会滚动到页面底部,但不允许我在不锁定/关闭/抖动的情况下(通过鼠标滚轮、滚动条或箭头键)向上滚动 var scrollToBottom = function() { $("html, body").animate({ scrollTop: $(document).height() - $(window).height()}, 0); } 知道是什么引起的吗?大约五秒钟后,它似乎会“放松”对浏览器的控制。使用此功能 v

我试图在用户提交表单后滚动到页面底部。但是,当我执行以下代码时,浏览器会滚动到页面底部,但不允许我在不锁定/关闭/抖动的情况下(通过鼠标滚轮、滚动条或箭头键)向上滚动

var scrollToBottom = function() {
    $("html, body").animate({ scrollTop: $(document).height() - $(window).height()}, 0);
}
知道是什么引起的吗?大约五秒钟后,它似乎会“放松”对浏览器的控制。

使用此功能

var scrollToBottom = function() {
  $('html, body').animate({scrollTop:$(document).height()}, 'slow');
  return false;
}


我运行了你的函数,但它没有将我锁定在底部5秒钟。默认情况下,它将在滚动时锁定,并在浏览器到达预定位置时释放您

问题可能是由其他原因引起的,但如果您正在寻找快速解决方案,则可以在“mousewheel DOMMouseScroll keyup keydown”上强制解锁(停止动画)

$(window).on("mousewheel DOMMouseScroll keyup keydown", function(e){
  $('html, body').stop();
});
0持续时间:

3000持续时间:

希望这有帮助

$(window).on("mousewheel DOMMouseScroll keyup keydown", function(e){
  $('html, body').stop();
});