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.) position:absolute