javascript - 当前 View 的位置

Question

如何获取窗口 View 的顶部坐标(位置)。例如，如果我想知道一个元素的位置，即按钮，我可以使用 var x = $("#btn").position() 并通过 alert(x .top)。我想知道的是如何获得当前 View 的顶部位置。

<image src="https://www.setaswall.com/wp-content/uploads/2017/10/Beautiful-Wallpaper-1080x2160.jpg"></image>

在上面的页面中，假设用户已经向下滚动到中间页面。我怎么知道用户 View 在页面中间而不是页面底部或页面顶部。

Answer 1

获取视口(viewport)相对于文档最顶部的位置:

var pos = document.documentElement.scrollTop || document.body.parentElement.scrollTop;

获取文档的总“长度”(可滚动高度):

var height = document.documentElement.scrollHeight || document.body.parentElement.scrollHeight;

要了解用户正在查看哪个部分:

var ratio = pos/height;

如果上面的比例接近0.5，那么你看的就是“中间”等等。你可以详细说说..