javascript - 图片显示滚动问题

问题描述

问 题

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

解决方案

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

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

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

.....

其他同理

最后一次 ：top:0

这篇关于javascript - 图片显示滚动问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！