“位置:固定”当父级旋转或平移时 div 不固定
带有 “position:fixed”
的 div
嵌入到父 div
中。当父级旋转或平移时,子级 div
也会移动。
这是一个错误吗?我希望子 div
保持固定。
HTML 片段:
<div id="mask">
<div id="page">
</div>
</div>
请参阅重现: http://jsfiddle.net/PseKK/
我知道我可以通过应用相反的方法来修复它转换为子 div
但出于我的实际场景中的性能原因,我正在寻找一种不涉及额外转换的解决方案。
知道如何克服吗?
A div
with "position: fixed"
is embedded into a parent div
. When the parent rotates or translates, the child div
moves also.
Is it a bug? I expected the child div
to remain fixed.
HTML snippet:
<div id="mask">
<div id="page">
</div>
</div>
See a repro at: http://jsfiddle.net/PseKK/
I know that I can fix it by applying the reverse transformation to the child div
but for performance reasons in my real scenario, I am looking for a solution that doesn't involve extra-transformation.
Any idea how to overcome?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是转发,答案位于这个原始问题
位置固定不使用 -webkit-transform 时不起作用
不幸的是,这是一个错误,但似乎有一种方法可以解决它。
This is a repost, the answer is located in this original question
Positions fixed doesn't work when using -webkit-transform
Unfortunately it is a bug, but there seems to be a way to get around it.