已修复的位置不适用于变换CSS属性

jnb*_*bdz 11 css css3 css-transforms

有没有办法保持"Hello"元素固定?因此,当用户向上或向下滚动时,hello元素不会从其位置移动.

这是一个例子:http://jsfiddle.net/VR5P8/

这是CSS:

#hello {
position: fixed;
border: 1px solid #000;
height: 100px;
width: 100px;
background-color: white;
}
Run Code Online (Sandbox Code Playgroud)

这是"Hello"元素的包装器的代码:

-webkit-transform: translate(394px, 0px);
Run Code Online (Sandbox Code Playgroud)

小智 6

我相信这个'transform3d'不适用于职位:固定的孩子解决你的问题.从你的描述和你的小提琴来理解你想要实现的目标有点困难.

  • 简单地说,我有一个由CSS变换移动的包装元素,在其中我有另一个要保持固定到视口的元素. (4认同)