#如圖片,截圖的一部分,這些圖片都是在一個(gè)ul中,假如有25張圖片。初始畫(huà)面是顯示了10張圖片,當(dāng)點(diǎn)擊更多按鈕的時(shí)候,10張圖片整體向上滾動(dòng)隱藏。從下面在滾動(dòng)是10張圖片。一次只能顯示10張。再點(diǎn)一次,就顯示5張圖片。最後點(diǎn)擊,又回到初始狀態(tài) 這樣的效果是怎麼做的。求大家講解一下。沒(méi)有思路
先控制父親容器position:relative,top:0,left:0,transition:all .5
第一次點(diǎn)擊負(fù)十張圖片的高度
第二次點(diǎn)擊負(fù)二十張圖片的高度
.....
其他同理
最後一次 :top:0
樓上正解,一般輪播都是這個(gè)思路,首先父級(jí)是超出隱藏的,之後就是一直調(diào)整高度就ok了
樓上正解,一般輪播都是這個(gè)思路,另外css的動(dòng)畫(huà)效果也不錯(cuò),也推薦用js jq動(dòng)畫(huà)來(lái)寫(xiě) 會(huì)體驗(yàn)更好