我们在我们的移动网站上使用 Mobiscroll,它工作得很好,除了在一台设备上:我老板的三星 Galaxy S3(运行标准的三星 fw 和标准浏览器,但 Mobiscroll 在 Chrome 上运行良好)。看起来所有元素的 z-index 都乱七八糟。
看起来像这样: http://pix.toile-libre.org/?img=1350013732.png
一切都是黑暗的,难以辨认,数字越过箭头。
我对 CSS 进行了一些调整,删除了页面的透明背景,这使得所有颜色都恢复正常(由于某些原因我无法使其恢复正常)。但是轮子的数字仍然在箭头前面。
我更多地使用 CSS 并发现 -webkit-transform3d 使轮子在所有内容之前移动,就像它在所有内容之上都有自己的层一样。
过了一段时间,终于发现问题是因为我的菜单栏有“position: fixed;”在他们身上,所以他们坚持视口(viewport)。一旦将它们放在“position: static;”以外的地方,浏览器似乎就会把一切都搞砸,包括 Mobiscroll。
我需要保持这些菜单固定不变,页面中还有其他元素会得到“position: absolute;”
知道我应该如何解决这个问题吗?我是否应该破解 Mobiscroll 的 CSS 和 JS 以摆脱 transform3d 和背景,使其看起来工作得不错,或者对于那个糟糕的设备有更好的解决方案吗?
如果您还需要什么,请告诉我!
谢谢!
最佳答案
看来这是一个 android 4.0 的错误。这里有一个错误报告: http://code.google.com/p/mobiscroll/issues/detail?id=96
关于css - Mobiscroll + Samsung Galaxy S3 + 位置 : fixed = Broken scroller?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12852116/