Javascript if 语句无法在所有移动浏览器中正常工作
Javascript in if statements not working correctly in all mobile browsers
我目前正在使用 drupal 开发网站。
这是一个响应式网站，我的问题只出现在 Android Firefox 浏览器上。
在移动视图（移动浏览器，或桌面上的小浏览器屏幕）中，向下滚动将更改 header 颜色和图像，单击菜单按钮将显示菜单。
我的主要问题是执行所有这些操作的 jquery 在我的 android firefox 浏览器中不起作用，但在任何其他浏览器中都可以正常工作。我已将其全部放在 fiddle 中。
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' )
我目前正在使用 drupal 开发网站。
这是一个响应式网站，我的问题只出现在 Android Firefox 浏览器上。
在移动视图（移动浏览器，或桌面上的小浏览器屏幕）中，向下滚动将更改 header 颜色和图像，单击菜单按钮将显示菜单。
我的主要问题是执行所有这些操作的 jquery 在我的 android firefox 浏览器中不起作用，但在任何其他浏览器中都可以正常工作。我已将其全部放在 fiddle 中。
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' )