Android浏览器上的CSS溢出和绝对定位问题

Question

我们有一个使用JQuery Mobile,PhoneGap和ASP.net MVC构建的移动Web应用程序.该应用程序的目标是在iOS和Android设备上运行,无论浏览器如何.我们已经在下面列出的设备上测试了应用程序,它似乎工作正常,没有任何问题

iOS 5 - iPad,iPhone.

Android 4.1.2 - 谷歌Nexus 7,三星Galaxy S3,三星Galaxy Note 2,三星Galaxy Tab 2.

Android 4.0.3 - 华硕Transformer标签

但是在使用4.1.2 的Samsung Galaxy Note 800的Android Stock浏览器上进行测试时,我们遇到了一个非常奇怪的问题.放置在具有css属性' overflow:auto ' 的div(比如child div)中的元素在启用滚动时不响应任何触摸事件.这里要注意的主要事情是包含这个div的Parent div绝对定位' position:abolute '.通过互联网研究了一段时间后,我们发现绝对位置和溢出属性的组合可能会在Android浏览器上引起一些问题.

目前无法移除绝对位置,因为它导致布局的完全重新设计,我们只剩下几天的发布.那么任何人都建议快速解决这个问题吗？

Answer 1

您可以使用名为“iScroll”的 javascript 库。它适用于大多数 Android 设备，并且实现起来并不困难。var scrollDiv = new iScroll('divId');只需在 div 元素下方写入即可。这是项目页面：http://cubiq.org/iscroll-4