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

好多网站顶部有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);

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

 

posted @ 2017-11-15 11:38  微lin  阅读(498)  评论(0编辑  收藏  举报