实现浏览器屏幕滚动至指定位置

好多网站顶部有Menu,点击屏幕会滚动到相应的模块位置,方便高效,提供两种屏幕滚动。

1、最简单的设置锚点实现跳转

<a href="#abc">跳</a><!-- 跳转 -->
<div >.........</div>
<div id="abc">跳转到这儿~</div><!-- 设置锚点 -->

2、JS实现动画效果的滚动

function animateTo(id1,id2){
    $('#'+id1).click(function() {
        $("html, body").animate({scrollTop: $('#'+id2).offset().top }, {duration: 500,easing: "swing"});
            return false;
        });
    }
}
animate(abcLink,abc);

看需求,两种方法够用了~

码农随笔防失忆,只为记录风雨路上的脚丫印印~
原文地址:https://www.cnblogs.com/bella-lin/p/7838093.html