Question

translate3d(0%, 0px, 0px);制动我的位置。在我的演示中，您应该看到click上的内容打开正常，但它应该固定在最顶端。

因此，向下滚动我的容器（placekitten图像）然后单击按钮，隐藏的内容应该打开，并且Google图像卡在顶部。

<html>
<div class="container">placekitten images</div>
<button>LOADED-CONTENT comes in translate3d(0%, 0px, 0px)</button>
</html>

<html>
<div class="sticky">Google  image always on top.</div>
<button>back button slides the loaded content translate3d(100%, 0px, 0px)</button>
</html>

translate3d刹车位置固定!!!我怎样才能解决这个问题？

http://jsfiddle.net/J7p99/

Answer 1

可能repeat

总之，translate3d会创建一个新的局部坐标系，它会覆盖你设置的任何位置属性！

本质上，不是像你想要的那样固定到视口（在这种情况下保持在顶部），它修复了翻译元素！

我能够找到this但是，这是一个固定的顶栏，translate3d(0,0,0)

我希望这有帮助！

隐藏内容的固定位置应该坚持到顶部

1 个答案: