javascript - 如何识别滚动到的 View div 部分？

Question

我的网站有 4 个 div，它们的高度均为 100vh，填满了整个 View 高度和 View 宽度。但我似乎无法弄清楚我导航到的 div 部分。有什么办法可以使用

$(this).scrollTop()

找出我当前正在查看的 View 或 div？我知道这个问题很令人困惑，但如果你明白我的意思，我真的需要你的帮助。

Answer 1

基本上，在您的情况下，您必须知道页面滚动了多少。

var scrolledY = window.scrollY || window.pageYOffset || document.documentElement.scrollTop;

之后，只要您的 div 的高度为 100vh，它就与 window.innerHeight 相同。因此，您可以计算滚动到的 div 的索引:

var divIdx = Math.floor(scrolledY / vh);

现在，全部在一起:http://jsbin.com/qepodojoqa/edit?html,css,js,console,output