检测移动浏览器是否支持溢出:滚动

Question

是否有一个简单的JavaScript解决方案,它与设备和库无关？

我想在html元素中添加一个类,这样我就可以在可能的情况下将可滚动容器传递给移动设备.

这将是Modernizr采用的类似方法,检测功能支持而不是浏览器检测.我只是不想使用整个Modernizr框架.试图为移动项目保持JavaScript光.

谢谢!

Answer 1

它不完美,但我用它来检测-webkit-overflow-scrolling.

var overflowScrolling = typeof($("body")[0].style["-webkit-overflow-scrolling"]) !== "undefined";

然后我说如果没有overflow-scrolling和移动然后我加载iScroll.

这意味着支持overflow: scroll但不支持的设备-webkit-overflow-scrolling仍然会加载iScroll,但这至少会为iOS 5和现代android提供原生滚动.