CSS div固定定位

时间:2011-07-12 04:47:25

标签: css html positioning css-transitions fixed

我有一个包含较小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>

1 个答案:

答案 0 :(得分:0)

以下是您的示例:http://jsfiddle.net/LjjRM/

几点:

1。)jQuery

2。)位置:绝对