javascript - 如何在Javascript中滚动半页

Question

使用 native JavaScript 方法:

window.scrollTo(500, 0);

如何设置参数以使其仅滚动到页面的一半？

Answer 1

要获取文档的高度而不是窗口高度，您需要 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>