好多网站顶部有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);
看需求,两种方法够用了~