Question

使用这种原生javascript方法：

window.scrollTo(500, 0);

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

Answer 1

要获取文档的高度而不是窗口高度，您需要document.body.scrollHeight。

＆＃13;

function scrollHalf(){
  window.scrollTo(0, document.body.scrollHeight / 2);
}

＆＃13;

body{
  height: 3000px;
  background: #0fc0fc;
}
body:before{
  top: 50%;
  height: 10px;
  background: orangered;
  content: ' ';
  width: 100%;
  display: block;
  position: relative;
}

＆＃13;

<button onClick = 'scrollHalf()'>
  Scroll
</button>

＆＃13;

Answer 2

＆＃13;

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

＆＃13;

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

Answer 3

如果您需要整个页面的高度，请选择<body>标记并获取其高度。请注意getElementsByTagName返回一个数组。

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

如何在Javascript中滚动半页

3 个答案: