為什么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

總結

以上是生活随笔為你收集整理的js平滑滚动到顶部,底部,指定地方的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。