您好,登錄后才能下訂單哦!
還有一個方法通過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,就實現了滾動
},0);
}
</script>
<input type="button" value="點擊button跳轉" onclick="click_scroll();" />...
這里是很多文字,把頁面撐開,撐出滾動條
...
<div id="pos">滾動到這里</div>
隱藏之后滾動到這里
...
再加點文字
...
</body>
OK,成功!這個方法有個好處,就是控制滾動的速度,上面的藍色的0就是控制速度的,0是立即的意思,那設為1000試試,
可以看到是慢慢的滾動到了pos,如果設為5000呢,就會更慢了。
為什么會這樣呢?因為jQuery的animate本來就是做動畫用的,更多功能可以詳細研究了。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。