js平滑滚动到顶部,底部,指定地方

为什么80%的码农都做不了架构师？>>>   

滚动到顶部： $('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});

滚动到指定位置： $('.scroll_a').click(function(){$('html,body').animate({scrollTop:$('.a').offset().top}, 800);});

示例演示地址：http://www.daixiaorui.com/Public/demo/js/scroll.html

<div class="location">

 <p class="scroll_top">返回顶部</p>

 <p class="scroll_a">产品介绍</p>

 <p class="scroll_bottom">滑到底部</p>

</div>

<script type="text/javascript"> jQuery(document).ready(function($){ $('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); $('.scroll_a').click(function(){$('html,body').animate({scrollTop:$('.a').offset().top}, 800);}); $('.scroll_bottom').click(function(){$('html,body').animate({scrollTop:$('.bottom').offset().top}, 800);}); }); </script>

转载于:https://my.oschina.net/luqin/blog/538860