Such as pictures, part of screenshots, these pictures are all in a ul, if there are 25 pictures. The initial screen displays 10 pictures. When the more button is clicked, all 10 pictures scroll up and are hidden. Scroll down from below are 10 pictures. Only 10 pictures can be displayed at a time. Click again and 5 pictures will be displayed. Finally click to return to the initial state. How to achieve this effect? Please explain it to everyone. No idea
首先控制父亲容器position:relative,top:0,left:0,transition:all .5
第一次点击负十张图片的高度
第二次点击负二十张图片的高度
.....
其他同理
最后一次 :top:0
是不是那种四张图片轮播呀?原理
楼上正解,一般轮播都是这个思路,首先父级是超出隐藏的,之后就是一直调整高度就ok了
楼上正解,一般轮播都是这个思路,另外css的动画效果也不错,也推荐用js jq动画来写 会体验更好