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动画来写会体验更好

php8，我來也