我如何知道用户在网页上查看哪个部分？

Question

我构建了一个长页面网站，所以我决定构建一个侧边栏来导航用户。我想知道我的用户正在查看哪个部分，因此我可以将侧边栏css更改为活动或高亮。

我可以使用js或jquery函数来获取用户正在查看的部分吗？

Answer 1

您可以使用一些jquery插件，例如：Waypoints，Jquery Inview。使用此插件，您可以在用户滚动到页面或部分的某个部分时更改侧边栏的类名称。简单的解决方案是使用 $（window）.scrollTop（）

     $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            //change the class name for sidebar         
                    } else {
            //revert the class name for sidebar
        }
    });

Answer 2

我通过This Question获得了我的解决方案。

我可以计算从顶部到当前视点的像素，然后找出第一个元素的id。

再次感谢您的帮助！