我正在使用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的任何想法,或者确定何时删除滚动条的其他方法?