Jquery Smooth Scroll - 防止它首先滚动到顶部答案

【问题标题】：Jquery Smooth Scroll - Prevent it from scrolling to top firstJquery Smooth Scroll - 防止它首先滚动到顶部
【发布时间】：2014-08-27 20:19:29
【问题描述】：

我设法为我的内部链接添加了一些平滑滚动。更具体地说，我有一个浮动顶部菜单，这些链接位于其中。单击它们时，我会进入页面上的相应部分并且一切顺利。然而，问题不是向上滚动而是向下滚动。如果我在页面顶部向下滚动一次，则它可以工作，但向下滚动则无法工作，因为脚本会强制用户在到达目的地之前先一直向上滚动。例如，我有 3 个链接：主页、关于和联系方式。我可以向下滚动到 about，但如果我再点击联系，就会发生上述情况。

这是我的 jsfiddle 代码：

http://jsfiddle.net/25cpLLtv/1/

问题好像是'scrollTop': $target.offset().top

我真的很绝望，因为我整天都在试图解决这个问题。

【问题讨论】：

你的 jsfiddle 没有 html

标签： javascript jquery

【解决方案1】：

试试这个：

 $(document).ready(function(){
   $('a[href^="#"]').on('click',function (e) {
      e.preventDefault();

      var t = $(this.hash).offset().top;
      $('.wrapper').animate({
            scrollTop: t,
       }, 1000);
    });
 });

查看Jsfiddle

【讨论】：