2015-11-25 59 views
0

我们一直在寻找一段时间,但仍然没有找到解决这个问题的方法。窗口滚动功能不起作用wordpress

我们正在设计的网站在WordPress

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

金色的菜单(.submenu)具有连接到它至极应该过去的100个垂直滚动时添加类“测试”的脚本。出于某种原因,它甚至在chrome或任何其他浏览器中检查时甚至不会显示classchange。我们已经尝试禁用所有的自定义js和插件,但目前为止还没有运气。

这里是jQuery的:

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

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

任何人谁经历了Wordpress或任何其他方式同样的问题?

谢谢!

+0

你在哪里嵌入自定义JavaScript? 首先检查脚本是否正在运行。在检查元素中,我发现你把它放置为: 但是这是工作。如果你添加console.log(“blabl”);它,它是否显示在控制台? –

+0

[jQuery scrollTop()可能重复为所有元素返回0](http://stackoverflow.com/questions/22173454/jquery-scrolltop-returns-0-for-all-elements) – rnevius

+0

你可以在这里看到(在督察)脚本(script.js)加载并在页面上运行:http://i.cubeupload.com/PQ7Ori.jpg 脚本'基石 - 自定义js'是来自早期尝试的幻影/剩余物,但hasn与冲突没有任何关系,因为幻影只在这个页面上。在这里的一个页面(jouwdesign.be/fontanella/site/suggesties/),我们可以看到没有panthom,但script.js也没有任何反应。 –

回答

0

找到解决方案。我不得不删除'身高100%'在我的身体标记在css 现在所有的工作正常!