无法让Ariel Flesler ScrollTop工作

时间:2010-10-20 17:35:36

标签: jquery plugins navigation scroll scrollto

我一直在尝试实现Ariel Flesler的ScrollTo插件,但我似乎可以弄清楚如何启动它。这是他的网站:

http://flesler.blogspot.com/

我想要做的是拥有静态导航,当用户点击导航链接时,内容会在特定div中滚动。我对jQuery有很好的理解,看起来这个插件应该非常容易使用,但是文档有点像演示如何实际使用它。

1 个答案:

答案 0 :(得分:1)

彼得是对的,你可以这样做:

     $(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;

            }

          }

        });

      });