Opera Mobile错误地计算位置：已修复 [英] Opera Mobile incorrectly calculates position: fixed

问题描述

我的位置有一个有趣的问题：已在Opera Mobile 11中修复：

I have a interesting problem with position: fixed in Opera Mobile 11:

测试页： http://dl.dropbox.com/u/841468/testcase/opera/fixed.html

红色< div> 应该固定在顶部。如果我向下滚动页面，则元素会从视口的顶部边缘移一点（设备像素恰好为93px）；但是如果我向上滚动，元素将返回正确的位置。

The red <div> should stay fixed on top. If I scroll page down, element moves a bit from top edge of viewport (exactly 93px in device pixels); but if I scroll up, element returns to correct position.

（HTC Desire上的屏幕截图）：

(Screenshot on HTC Desire):

< img src = https://i.stack.imgur.com/AeeVL.png alt = HTC Desire上的屏幕快照>

我的发现：

• 更改缩放级别无济于事，也没有从上边缘更改元素位置。


• 有效正确地在Opera Mobile模拟器（10.1b和11）中


• 设置或删除 top / left属性没有帮助


• 设置 z-index或 display属性设置为某个值并不能解决问题


• 即使我使用 window.scrollTo（x ，y）


• 将缩放设置为重置无效


• 鼠标事件通过此元素获取到其下的元素（如果位置不正确）


• 尝试IE hacks无效：）

• Changing zoom level didn't help and didn't change element position from top edge.
• It works correctly in Opera Mobile emulators (both 10.1b and 11)
• Setting or removing "top" / "left" properties didn't help
• Setting "z-index" or "display" properties to some value didn't fixed it
• It shows this behavior even when I move viewport with window.scrollTo(x, y)
• Setting "zoom" to "reset" didn't work
• Mouse events get through this element to element under it (if it is in that incorrect position)
• Trying IE hacks didn't work :)

谢谢

推荐答案

此问题已得到修复。实际上，Opera Mobile 11.5版本应该可以正常运行。

This issue has been fixed internally, and the Opera Mobile 11.5 version should roll out with this working correctly.

这篇关于Opera Mobile错误地计算位置：已修复的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！