Javascript向下滚动vh

Question

如果我想使用此JavaScript命令:

window.scrollBy(0,50);

它向下滚动50px页面.

有一个简单的等价物滚动50vh页面？这不起作用

window.scrollBy(0,50vh);

我在这里看到了这个问题但有更简单的方法吗？

Answer 1

你可以除以window.innerHeight2

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

Answer 2

scrollBy 仅接受以像素为单位的值。

1vh = 1/100 视口高度。所以你可以手动计算它。

window.scrollBy(0, valueInVh * window.innerHeight/100);