javascript - 检测手机浏览器是否支持溢出 :scroll

Question

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

我想向 html 元素添加一个类，这样我就可以在可能的情况下向移动设备提供可滚动的容器。

这与 Modernizr 采用的方法类似，检测功能支持而不是浏览器检测。我只是不想使用整个 Modernizr 框架。努力使移动元素的 JavaScript 保持轻便。

谢谢!

Answer 1

它并不完美，但我正在使用它来检测 -webkit-overflow-scrolling。

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

然后我说如果不是 overflow-scrolling 和 mobile 然后我加载 iScroll。

这意味着支持 overflow: scroll 但不支持 -webkit-overflow-scrolling 的设备仍将加载 iScroll 但这至少为 iOS 5 和现代提供了原生滚动安卓。