2014-08-27 162 views
0

我设法为我的内部链接添加一些平滑滚动。更具体地说,我有一个浮动的顶部菜单,这些链接是。点击它们时,我登录在我的页面上的相应部分,一切顺利。然而,问题不是滚动而是滚动。如果我向下滚动页面顶部的即时消息,则它可以正常工作,但向下滚动则不会工作,因为该脚本强制用户在到达目的地之前先滚动一路。例如,我有3个链接:首页,关于和联系。我可以向下滚动到左右,但如果我点击联系上述发生。jquery平滑滚动 - 防止滚动到顶部

这里是我的jsfiddle代码:

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

的问题似乎是'scrollTop': $target.offset().top

我真的绝望了作为即时通讯试图解决这一整天。

+0

您的jsfiddle没有HTML – simonzack 2014-08-27 20:42:44

回答

0

试试这个:

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

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

Chekc的Jsfiddle