jquery - iOS 版 Safari 上的元素损坏

Question

我在 iOS 的以下页面上遇到了一个非常令人沮丧的错误：http: //makethemostof.co.uk/test.html

右上角有一个标签，上面写着“购物袋（空）”，在 iOS 上消失了。我试图用 Firebug for iPad 诊断问题，但似乎找不到原因。我怀疑这与元素是 position:fixed 的事实有关，但我真的不确定。

有谁知道为什么当 Mac 上的 webkit（以及据我所见的 Windows）运行良好时，iOS 会以这种方式运行？我错过了什么？

顺便说一句，还有一些 jQuery 作用于页面的那个区域（大约第 100 行），这也可能导致问题的原因。

提前感谢您的帮助！

Answer 1

它的样式迫使它位于屏幕的右侧。

#bag-overview, #bag-close
...
margin: 0 0 0 720px;
... 

导致问题将其发送到右侧。将其更改为更小的东西以查看栏，您必须从那里决定将其放置在哪里。

Answer 2

这是#bag 元素溢出的问题。我已将溢出设置为现在可见，并直接对包含的元素进行更改以隐藏它们。奇怪的是，这适用于所有其他浏览器 - 在我看来，iOS 似乎对溢出有正确的解释：隐藏。