溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jquery滾動/跳轉(zhuǎn)頁面到指定位置的實現(xiàn)思路

發(fā)布時間：2020-06-21 04:37:31 來源：網(wǎng)絡(luò) 閱讀：11963 作者：gutaotao1989 欄目：web開發(fā)

還有一個方法通過jQuery的aminate動畫方法也可以做，我貼出代碼 

<body> 
<script type="text/javascript"> 
function click_scroll() { 
var scroll_offset = $("#pos").offset(); //得到pos這個div層的offset，包含兩個值，top和left 
$("body,html").animate({ 
scrollTop:scroll_offset.top //讓body的scrollTop等于pos的top，就實現(xiàn)了滾動 
},0); 
} 
</script>

<input type="button" value="點擊button跳轉(zhuǎn)" onclick="click_scroll();" />...
這里是很多文字，把頁面撐開，撐出滾動條
...
<div id="pos">滾動到這里</div>
隱藏之后滾動到這里
...
再加點文字
...
</body>

OK,成功！這個方法有個好處，就是控制滾動的速度，上面的藍色的0就是控制速度的，0是立即的意思，那設(shè)為1000試試，
可以看到是慢慢的滾動到了pos，如果設(shè)為5000呢，就會更慢了。
為什么會這樣呢？因為jQuery的animate本來就是做動畫用的，更多功能可以詳細研究了。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手