如何在Javascript中滾動半頁
[英]How to scroll half page in Javascript
問題描述
使用本機javascript方法：
window.scrollTo(500, 0);
如何設置參數使其僅滾動到頁面的一半？
3 個解決方案
解決方案1
3 已采納 2018-06-13 16:36:09
要獲取文檔的高度而不是窗口的高度，您需要document.body.scrollHeight 。
function scrollHalf(){ window.scrollTo(0, document.body.scrollHeight / 2); }
body{ height: 3000px; background: #0fc0fc; } body:before{ top: 50%; height: 10px; background: orangered; content: ' '; width: 100%; display: block; position: relative; }
<button onClick = 'scrollHalf()'> Scroll </button>
解決方案2
0 2018-06-13 16:36:00
window.scrollTo(0, window.innerHeight / 2);
了解更多： https : //developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo
解決方案3
0 2018-06-13 16:40:11
如果需要整個頁面的高度，請選擇<body>標簽並獲取其高度。 請注意， getElementsByTagName返回一個數組。
document.getElementsByTagName('body')[0].offsetHeight
頁面滾動到達末尾javascript的一半
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.