如何在Javascript中滚动半页

Question

Using this native javascript method: 使用本机javascript方法：

window.scrollTo(500, 0);

How do I set my arguments to make it scroll to only half the page? 如何设置参数使其仅滚动到页面的一半？

Answer 1

To get the document's height instead of window height, you need document.body.scrollHeight . 要获取文档的高度而不是窗口的高度，您需要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>

Answer 2

 window.scrollTo(0, window.innerHeight / 2);

了解更多： https : //developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo

Answer 3

If you need the height of the entire page, select the <body> tag and get the height of it. 如果需要整个页面的高度，请选择<body>标签并获取其高度。 Note that getElementsByTagName returns an array. 请注意， getElementsByTagName返回一个数组。

document.getElementsByTagName('body')[0].offsetHeight

如何在Javascript中滚动半页

问题描述

3 个解决方案

解决方案1
3 已采纳 2018-06-13 16:36:09

解决方案2
0 2018-06-13 16:36:00

解决方案3
0 2018-06-13 16:40:11

如何在Javascript中滚动半页

问题描述

3 个解决方案

解决方案1 3 已采纳 2018-06-13 16:36:09

解决方案2 0 2018-06-13 16:36:00

解决方案3 0 2018-06-13 16:40:11

解决方案1
3 已采纳 2018-06-13 16:36:09

解决方案2
0 2018-06-13 16:36:00

解决方案3
0 2018-06-13 16:40:11