CSS div 固定定位

Question

我有一个包含一些文本的小div的大div。容器div具有webkit过渡效果，可以将其移出屏幕。 我希望小div在容器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>

- obrien

---

我希望内部 div 能够随着容器 div 移动，直到它到达边缘，然后保持在那里，而容器继续移动。 - obrien

Answer 1

这里有一个例子给你：http://jsfiddle.net/LjjRM/ 几个要点：

1.) jQuery

2.) position: absolute

- Joe

---

感谢您的快速回复，但是内部 div 没有按照要求停在侧边。 - obrien

抱歉，我应该更仔细地阅读。类似这样的东西是否可行：http://jsfiddle.net/LjjRM/1/？ - Joe

我希望内部div出现在容器div中，但在离开页面之前停止，而容器确实离开了页面。使用线性时间函数进行两个单独的转换将很容易，但是我更喜欢ease-in-out，因此我正在寻找一些可以防止内部div全部向左移动的东西。 - obrien