美文网首页JQuery
平滑滚动到页面的某个锚点

平滑滚动到页面的某个锚点

作者: fanyank | 来源:发表于2017-03-04 13:37 被阅读63次

    这是自己做的一个demo

    $.scrollTo = function(selectDom,scrollTime){
       $(selectDom).click(function(){
           //获取要滚动到的节点
           var scrollToDom = $(this).attr("page-scroll");
           //添加动画
           $("html,body").animate({
               //获取要滚动到的节点距文档(document)顶部的位置
               scrollTop:$(scrollToDom).offset().top
    
           },
                   //定义动画执行的时间
                   scrollTime
           );
       });
    };
    $.scrollTo("#navbar a",1000);
    })();
    

    相关文章

      网友评论

        本文标题:平滑滚动到页面的某个锚点

        本文链接:https://www.haomeiwen.com/subject/umtjgttx.html