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動畫來寫 會體驗更好