CSS div固定位置

我有一个包含一些文本较小的div的div。容器div有一个webkit转换，将其从屏幕上移开。我希望较小的div与它一起移动，直到它到达页面的边缘，然后保持固定，就好像它在页面上“卡住”一样，而容器div继续在它下面移动视线。这可以做到吗？CSS 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>

来源

2011-07-12 obrien

代码示例，请 – anthonyvscode

我们看一些你的代码。 – dpp

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

下面是一个例子给你：http://jsfiddle.net/LjjRM/

有几点：

1）jQuery的

2）位置：绝对

来源

2011-07-12 05:05:14 Joe

感谢您的快速响应，但是内部div不会按照要求停在旁边 – obrien

对不起，我应该仔细阅读。会这样的工作：http://jsfiddle.net/LjjRM/1/ – Joe

我想内部股利出现在容器股利，但停止之前，它离开了页面，而容器离开了页面。使用线性时间函数进行两个单独的转换很容易，但是我更喜欢轻松进入，所以我正在寻找一些可以防止内部div完全离开的东西 – obrien

CSS div固定位置

回答

相关问题