首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在运行Ariel Flesler的ScrollTo时遇到问题

问在运行Ariel Flesler的ScrollTo时遇到问题
EN

Stack Overflow用户
提问于 2010-10-21 01:35:36
回答 1查看 426关注 0票数 1

我一直在尝试实现Ariel Flesler的ScrollTo插件,但我似乎能想出如何启动它。这是他的网站:

http://flesler.blogspot.com/

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

EN

回答 1

Stack Overflow用户

发布于 2010-10-21 02:34:39

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

代码语言:javascript
复制
     $(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;

            }

          }

        });

      });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3980682

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档