css - CSS div 固定定位

Question

我有一个 div，其中包含一个带有一些文本的较小 div。容器 div 有一个 webkit 转换，可以将其移出屏幕。我希望较小的 div 与它一起移动，直到它到达页面的边缘，然后保持固定，几乎就像它被“卡在”页面的一侧一样，而容器 div 继续在它下面移出视线。这可以做到吗？

//CSS
.move{
    -webkit-transition-property:left;
    -webkit-transition-timing-function:ease-in-out;
    -webkit-transition-duration:1s;
    left:-200px;
}

//HTML
<div onclick="this.className='move'">
     <div>
         some text here
     </div>
</div>

Answer 1

这是给你的一个例子：http: //jsfiddle.net/LjjRM/

几点：

1.) jQuery

2.) 位置：绝对