安卓浏览器漏洞? div溢出滚动

标签 android html android-browser

你能让 div 的溢出内容在 Android 浏览器中滚动吗?

它可以在所有其他现代浏览器中滚动。

在 iOS 中它是可滚动的 - 但是它不显示滚动条 - 但它可以通过拖动来滚动。

一个简单的例子: http://jsfiddle.net/KPuW5/1/embedded/result/

这会很快解决吗?

最佳答案

Android 3.0 及更高版本支持 overflow:scroll,在 <3.0 上则是另一回事了。使用 iScroll 之类的 polyfill 可能会取得一些成功,但这确实是有代价的。在布局复杂的网站上很难实现,每次网站内容发生变化时都需要调用一个方法。内存使用也是一个问题:在已经功率不足的设备上,由于这些类型的 polyfill,性能可能会滞后。

我会推荐一种不同的方法:使用 Modernizr 来检测对溢出滚动的支持,将一个类添加到您的 html 标记并使用它来重写您的 CSS 以便页面“正常”滚动而不是一个盒子。

/* For browsers that support overflow scrolling */
#div {
    height: 400px;
    overflow: auto;
}

/* And for browsers that don't */
html.no-overflowscrolling #div {
    height: auto;
}

关于安卓浏览器漏洞? div溢出滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8013204/

相关文章:

javascript - MIT APP Inventor 打开时出错。如何解决?

Android Eclipse 程序错误

html - 是否可以部分覆盖该元素,但使其对光标可见?

javascript - 强制 Android 浏览器每秒重绘

java - 扩展 OverlayItem 导致程序崩溃并出现 NullPointerException

android - java.lang.UnsatisfiedLinkError 更新到Android 5.0后

html - 为什么我的固定 header 在 Safari 5 中消失了?

html - Asp.net Css 悬停错误

javascript - 在 Android 浏览器中禁用触发 touchcancel

Javascript:检测单色显示