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