Javascript – Problem beim Scrollen der Bildanzeige

Question

Zum Beispiel Bilder, Teile von Screenshots, diese Bilder sind alle in einer Zeile, wenn es 25 Bilder gibt. Auf dem Startbildschirm werden 10 Bilder angezeigt. Wenn Sie auf die Schaltfläche „Mehr“ klicken, scrollen alle 10 Bilder nach oben und werden ausgeblendet. Von unten nach unten scrollen sind 10 Bilder. Es können jeweils nur 10 Bilder gleichzeitig angezeigt werden. Klicken Sie erneut und es werden 5 Bilder angezeigt. Klicken Sie abschließend, um zum Ausgangszustand zurückzukehren. Wie kann dieser Effekt erzielt werden? Bitte erklären Sie es allen. Keine Ahnung

Answer 1

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

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

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

.....

其他同理

最后一次 ：top:0

Answer 2

是不是那种四张图片轮播呀？原理

Answer 3

楼上正解，一般轮播都是这个思路，首先父级是超出隐藏的，之后就是一直调整高度就ok了

Answer 4

楼上正解，一般轮播都是这个思路，另外css的动画效果也不错，也推荐用js jq动画来写 会体验更好