Modernizr无法检测滚动条样式

时间:2017-09-17 21:17:31

标签: javascript css scrollbar modernizr feature-detection

我正在使用Modernizr选择在firefox中查看页面时隐藏所有滚动条。这是因为我使用webkit的:: - webkit-scrollbar选择器设置了滚动条样式,并且没有为firefox找到合适的替代品。

由于最好不要使用用户代理字符串,因此我遵循最常见的建议,即使用Modernizr进行功能检测而不是浏览器检测。

我正在使用CSS Stylable Scrollbars属性(cssscrollbar)。对于除firefox之外的所有东西,它应该返回true,但对我来说,所有浏览器都返回false。 (包括Chrome和Safari,我们的滚动条样式和工作)。

除了在网站的标题中包含custom-modernizr.js文件并在javascript中使用它之外,我不确定其他代码值得分享,但我必须挑选我分享的代码,因为这是为了工作。

这是我检查的位置:

if (Modernizr.cssscrollbar) {
      console.log("Browser has css scrollbars!"); // This never gets run in Chrome, Firefox, or Safari.
    } else {
      console.log("Browser does not have css scrollbars.");
    }

修复Modernizr的任何想法,或者确定何时删除滚动条的其他方法?

0 个答案:

没有答案