CSS div 固定定位答案

【问题标题】：CSS div fixed positioningCSS div 固定定位
【发布时间】：2011-10-03 07:53:18
【问题描述】：

我有一个 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>

【问题讨论】：

我希望内部 div 与容器 div 一起移动，直到它到达一边，然后在容器继续移动时保持在那里

标签： css html positioning css-transitions fixed

【解决方案1】：

这里有一个例子：http://jsfiddle.net/LjjRM/

几点：

1.) jQuery

2.) 位置：绝对

【讨论】：

感谢您的快速响应，但内部 div 并未按要求停在一边
对不起，我应该更仔细地阅读。会不会有这样的工作：jsfiddle.net/LjjRM/1
我希望内部 div 出现在容器 div 中，但在它离开页面之前停止，而容器确实离开页面。使用线性时间函数进行两个单独的转换会很容易，但是我更喜欢缓入出局，所以我正在寻找可以防止内部 div 一直向左移动的东西