Question

我目前正在使用以下代码，但我需要进一步降低速度以避免动画闪烁。该网站发布了dot mobi

 $('#nav a, #top-nav a, #bottom-nav a').click(function(e){
    var my_offset = $(this.hash).offset().top;

    $('body').scrollTo(this.hash, {duration:'slow'});
    //$('html, body').scrollTo(this.hash, this.hash);

    return false;
  });

Answer 1

尝试.animate()

$('html, body').animate({
        scrollTop: my_offset 
}, 2000); // 2000ms  = 2s duration

Answer 2

不是说慢，而是以毫秒（1000 = 1秒）为单位。例如

$('#nav a, #top-nav a, #bottom-nav a').click(function(e){
var my_offset = $(this.hash).offset().top;

$('body').scrollTo(this.hash, {duration:'2000'});
//$('html, body').scrollTo(this.hash, this.hash);

return false;
   });

Answer 3

如果您的浏览器正在闪烁，则意味着您没有强大的浏览器，或者您的系统资源不足。而是使用hide（）和show（）而不是动画。隐藏时，请在一两秒后隐藏以避免闪烁。

如何减慢jquery scrollTo以避免动画闪烁

3 个答案: