沒圖我說個錘子，先來個自拍鎮樓。

又到了每周周五總結時間。我廣州劉德華又來講故事了。這一周沒啥任務，就一個任務，產品口頭交代了兩句，也沒有psd沒有設計圖沒有樣式。自由發揮，你自己敲代碼做個作品出來。

what？聽到這個的時候我是一臉懵逼。我心里很慌，難道我資深射雞濕和靈魂畫家的身份暴露了？心里不禁感嘆，唉，是金子哪里都會發光。

扯太遠了，先來總結一下今天要寫的東西吧。jquery的scrollTop方法，這是啥子，那就先來一波自我介紹

1、scrollTop() 方法返回或設置匹配元素的滾動條的垂直位置。

2、scroll top offset 指的是滾動條相對于其頂部的偏移。

如果該方法未設置參數，則返回以像素計的相對滾動條頂部的偏移。直接上例子吧

$(document).ready(function(){
　　$("button1").click(function(){
　　　　$("body").scrollTop(100);
　　});
});

這個東西其實很常見，比如在瀏覽頁面時，頁面有5大塊。那么你想直接從第一塊跳轉到第5塊瀏覽，那么這個東西就可以用了，在scrollTop方法中設置一個參數，也就是選中元素距離頁面頂部的距離。

上面的代碼，當我們點擊button1時，頁面會往下移動100px；那換成div呢，其實是一樣的。就是滾動條往下走100px。

還有就是在網頁中有很多返回頂部按鈕，通過這個方法也可以實現

$('body,html').animate({scrollTop:0},500)，這里結合了animate（）方法，另一種則是$(window).scrollTop（0）

更多專業前端知識，請上 【猿2048】www.mk2048.com 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的关于使用JQ scrollTop方法进行滚动定位的全部內容，希望文章能夠幫你解決所遇到的問題。

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