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固定位置

回答

相關問題