jquery 滚动，无法轻松工作

Question

我想制作一个一页网站，其中的 div（导航）位置固定，z 索引为 999。

目标是使 div 保持在顶部，所有其他内容滚动。 我让它正常工作，但是我想通过缓动使其“更加平滑”，但我尝试的一切都会使脚本停止工作。这是工作脚本：

 $(document).ready(function(){  
      $('a[href*=#]').click(function() {  
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')  
        && location.hostname == this.hostname) {  
          var $target = $(this.hash);  
          $target = $target.length && $target  
          || $('[name=' + this.hash.slice(1) +']');  
          if ($target.length) {  
            var targetOffset = $target.offset().top;  
            $('html,body')  
            .animate({scrollTop: targetOffset}, 1000) ;  
           return false;  
          }  
        }  
      });  
    });`  

任何人都可以帮助我处理缓动部分吗？我希望滚动快速开始，并在靠近锚点时减慢速度。

提前致谢。

Answer 1

替换

$('html,body') .animate({scrollTop: targetOffset}, 1000) ;

为

$('html,body') .animate({scrollTop: targetOffset}, 1000, 'easeOutQuart');

确保您已包含 jQuery UI 核心和 jQuery Effects 核心。