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