当前视图的位置

Question

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

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

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

Answer 1

获取视口相对于文档最顶部的位置：

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

获取文档的总“长度”（可滚动高度）：

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

了解用户正在查看的部分：

var ratio = pos/height;

如果上述比率接近0.5，那么你正在看“中间”等等。你可以详细说明..