作者:虚幻星际 | 来源:互联网 | 2023-05-16 18:57
下面是一本关于使用anglularjs进行上下滑动动画的书籍代码示例代码:http://jsfiddle.net/bx01muha/2/
这是css代码:
.container {
overflow: hidden;
}
.slide-tile {
transition:all 0.5s ease-in-out;
width:300px;
text-align:center;
border: 1px solid black;
transform: translateY(0);
}
.slide-tile.ng-hide {
transform: translateY(-100%);
}
问题是,当内容向上/向下滑动时,内容会随着上下移动而上下移动.如何修复css3幻灯片上/下以使其下的内容也能顺利移动?