Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.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.animate()时运行操作_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在jquery.animate()时运行操作

Javascript 在jquery.animate()时运行操作,javascript,jquery,html,Javascript,Jquery,Html,我有一段代码可以让浏览器滚动到顶部: $('html, body').animate({scrollTop: 0}, 500, "easeOutQuart"); 我想在代码运行时禁用用户滚动,并在动画结束时再次启用。你会怎么做?制作动画的最佳方法是什么?在动画调用之前禁用它,并在以下回调选项中启用它: 您可以隐藏滚动条一段时间,然后再次启用该功能 var htmlBody = $('html, body'); htmlBody.css("overflow","hidden")

我有一段代码可以让浏览器滚动到顶部:

$('html, body').animate({scrollTop: 0}, 500, "easeOutQuart");

我想在代码运行时禁用用户滚动,并在动画结束时再次启用。你会怎么做?制作动画的最佳方法是什么?

在动画调用之前禁用它,并在以下回调选项中启用它:


您可以隐藏滚动条一段时间,然后再次启用该功能

 var htmlBody = $('html, body');
 htmlBody.css("overflow","hidden")
         .animate({
             scrollTop: 0
          }, 500, "easeOutQuart",function(){
                htmlBody.css("overflow","auto");
          });
检查这个

 var htmlBody = $('html, body');
 htmlBody.css("overflow","hidden")
         .animate({
             scrollTop: 0
          }, 500, "easeOutQuart",function(){
                htmlBody.css("overflow","auto");
          });