如何在 Javascript 中滚动半页
How to scroll half page in Javascript
使用本机 javascript 方法:
window.scrollTo(500, 0);
如何设置参数使其只滚动到一半页面?
window.scrollTo(0, window.innerHeight / 2);
阅读更多:https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo
要获取文档的高度而不是 window 高度,您需要 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>
如果您需要整个页面的高度,select <body>
标签并获取它的高度。注意 getElementsByTagName
returns 一个数组。
document.getElementsByTagName('body')[0].offsetHeight
使用本机 javascript 方法:
window.scrollTo(500, 0);
如何设置参数使其只滚动到一半页面?
window.scrollTo(0, window.innerHeight / 2);
阅读更多:https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo
要获取文档的高度而不是 window 高度,您需要 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>
如果您需要整个页面的高度,select <body>
标签并获取它的高度。注意 getElementsByTagName
returns 一个数组。
document.getElementsByTagName('body')[0].offsetHeight