javascript - 图片显示滚动问题

Question

如图片，截图的一部分，这些图片都是在一个ul中，假如有25张图片。 初始画面是显示了10个图片，当点击更多按钮的时候，10张图片整体向上滚动隐藏。从下面在滚动是10张图片。一次只能显示10张。再点击一次，就显示5张图片。最后点击，又回到初始状态 这样的效果是怎么做的。求大家讲解一下。没有思路

Answer 1

首先控制父亲容器position:relative，top:0,left:0,transition:all .5

第一次点击负十张图片的高度

第二次点击负二十张图片的高度

.....

其他同理

最后一次 ：top:0

Answer 2

是不是那种四张图片轮播呀？原理

Answer 3

楼上正解，一般轮播都是这个思路，首先父级是超出隐藏的，之后就是一直调整高度就ok了

Answer 4

楼上正解，一般轮播都是这个思路，另外css的动画效果也不错，也推荐用js jq动画来写 会体验更好