jquery滾動/跳轉頁面到指定位置的實現思路

時間 2020-06-28

原文原文鏈接

還有一個方法經過jQuery的aminate動畫方法也能夠作，我貼出代碼 javascript

<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，就實現了滾動 
},0); 
} 
</script>

<input type="button" value="點擊button跳轉" onclick="click_scroll();" />...
這裏是不少文字，把頁面撐開，撐出滾動條
...
<div id="pos">滾動到這裏</div>
隱藏以後滾動到這裏
...
再加點文字
...
</body> html

OK,成功！這個方法有個好處，就是控制滾動的速度，上面的藍色的0就是控制速度的，0是當即的意思，那設爲1000試試，
能夠看到是慢慢的滾動到了pos，若是設爲5000呢，就會更慢了。
爲何會這樣呢？由於jQuery的animate原本就是作動畫用的，更多功能能夠詳細研究了。java

相關標籤/搜索