[英]Javascript in if statements not working correctly in all mobile browsers
我目前正在使用Drupal開發網站。
這是一個響應迅速的網站,我的問題僅出現在Android Firefox瀏覽器上。
在移動視圖(移動瀏覽器或台式機上較小的瀏覽器屏幕)中,向下滾動將更改標題顏色和圖像,然后單擊菜單按鈕將顯示菜單。
我的主要問題是執行所有這些操作的jquery在我的android firefox瀏覽器中將不起作用,但在任何其他瀏覽器中都可以正常工作。 我把這一切都擺在了擺弄。
https://jsfiddle.net/gbwts8a9/7/
問題似乎出在
if ($('.l-header').css('position') == 'fixed' )
聲明。 如果我將其更改為
if(true)
Firefox也完全可以完成其應有的功能。 但是,無論我將其更改為什么(我嘗試檢查#l-navbutton.is(:visible),我都嘗試過$(window).width函數,但是無論我做什么,firefox android顯然即使所有其他瀏覽器都將其評估為true。
哪種說法會檢查它是否在小屏幕上,並且可在所有移動瀏覽器中使用?
為了使我的情況在所有瀏覽器上都能正常工作,我不得不結合原始語句和adelphus建議的語句(謝謝!),因為這兩個語句似乎都無法單獨在所有瀏覽器上運行。
我的最后聲明是
if (window.screen.width < 800 || $('.l-header').css('position') == 'fixed' )
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.