Javascript 隐藏内容上的固定位置应粘贴到顶部

Javascript 隐藏内容上的固定位置应粘贴到顶部,javascript,jquery,html,css,Javascript,Jquery,Html,Css,翻译3d0%,0px,0px;我的位置固定。 在我的演示中,你应该看到点击打开的内容很好,但它应该被固定在顶部的位置 因此,用我的容器placekitten图像向下滚动,然后单击按钮,隐藏的内容将始终打开,而谷歌图像将被粘贴在顶部 <html> <div class="container">placekitten images</div> <button>LOADED-CONTENT comes in translate3d(0%, 0px, 0p

翻译3d0%,0px,0px;我的位置固定。 在我的演示中,你应该看到点击打开的内容很好,但它应该被固定在顶部的位置

因此,用我的容器placekitten图像向下滚动,然后单击按钮,隐藏的内容将始终打开,而谷歌图像将被粘贴在顶部

<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>
平移3D制动位置固定!!!我怎样才能解决这个问题

可能的

总之,translate3d将创建一个新的局部坐标系,该坐标系将覆盖您设置的任何位置属性

本质上,它不是像您希望的那样固定在视口中,而是固定在转换后的元素上

但是,我可以找到,它是一个带有translate3d0,0,0的固定顶条


我希望这有帮助

可能是重复的事实上我发现translate3d刹车的位置!所以这是一个不同的问题。说它是复制品真是多余!我来看看!我也接触到了这个链接。我想一下。谢谢你的帮助。