2015-11-25 62 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 現在所有的工作正常!