javascript - 图片显示滚动问题

Question

如图片，截图的一部分，这些图片都是在一个ul中，假如有25张图片。 初始画面是显示了10个图片，当点击更多按钮的时候，10张图片整体向上滚动隐藏。从下面在滚动是10张图片。一次只能显示10张。再点击一次，就显示...

黄舟 · Answer

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

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

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

.....

其他同理

最后一次：top:0

PHPz · Answer

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

天蓬老师 · Answer

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

阿神 · Answer

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