窗口滚动功能不起作用wordpress答案

【问题标题】：Window scroll function not working wordpress窗口滚动功能不起作用wordpress
【发布时间】：2015-11-25 23:24:22
【问题描述】：

我们已经寻找了一段时间，但仍然没有找到解决这个问题的方法。

我们正在用 wordpress 设计网站

网址：http://jouwdesign.be/fontanella/site/lunchmenu/

黄金菜单 (.submenu) 有一个链接到它的脚本，当垂直滚动超过 100 像素时应该添加类“测试”。由于某种原因，在 chrome 或任何其他浏览器中检查时，它甚至不会显示类更改。我们已经尝试禁用所有自定义 js 和插件，但到目前为止还没有成功。

这里是 jQuery：

jQuery(document).ready(function($) {
    $(window).scroll(function() {    
        var scroll = $(window).scrollTop();

        if ($(window).scrollTop() >= 100) {
            $(".submenu").addClass("test");
        }
    });
});

任何人在 wordpress 或任何其他方式中遇到过同样的问题？

谢谢！

【问题讨论】：

您在哪里嵌入自定义 javascript？首先检查脚本是否正在运行。在检查元素中，我看到您将其放置为：但这根本就是工作。如果你添加 console.log("blabl");对它来说，它是否显示在控制台中？
jQuery scrollTop() returns 0 for all elements的可能重复
您可以在此处（在检查器中）看到脚本 (script.js) 已加载并在页面上运行：i.cubeupload.com/PQ7Ori.jpg 脚本 'cornerstone-custom-js' 是早期的幻像/剩余尝试但与冲突没有任何关系，因为幻影仅在此页面上。在像这里 (jouwdesign.be/fontanella/site/suggesties/) 这样的页面上，我们可以看到没有 panthom，但 script.js 也没有任何反应。

标签： javascript jquery wordpress scroll window

【解决方案1】：

找到了解决办法。我必须在 css 中删除身体标签上的“身高 100%” 现在一切正常！

【讨论】：