javascript - 我如何知道用户正在浏览网页的哪一部分?

标签 javascript jquery html css

<分区>

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

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

最佳答案

您可以使用一些 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
        }
    });

关于javascript - 我如何知道用户正在浏览网页的哪一部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22678045/

上一篇:javascript - 验证用户选择的附加输入表单数量的问题

下一篇:html - 需要帮助将 4 个相同的 div 放入一个 css 代码(间距)

相关文章:

javascript - 使用 jQuery 加载屏幕(或窗口)的页面全宽和高度?

javascript - 无法在浏览器上显示内容-AngularJS

javascript - 在 PHP 中获取 MySQL DateTime 到 JavaScript 中的秒

jquery - blueimp jquery 文件 uploader image_versions 不起作用

javascript - 使用 JQuery 的动态上下文菜单

Javascript 替换功能在第一个实例上不起作用

html - 为什么在 chrome 中按钮看起来不如在 firefox 中好?

javascript - 如果宽度大于原始图像,则更改图像 src

javascript - 解码 & 在附加的 javascript url 中

JavaScript setInterval 没有停止