為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

滾動(dòng)到頂部： $('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});

滾動(dòng)到指定位置： $('.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">產(chǎn)品介紹</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>

轉(zhuǎn)載于:https://my.oschina.net/luqin/blog/538860

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。