javascript - problème de défilement de l'affichage de l'image

Question

Par exemple, les images, une partie des captures d'écran, ces images sont toutes dans un seul ul, s'il y a 25 images. L'écran initial affiche 10 images Lorsque vous cliquez sur le bouton Plus, les 10 images défilent vers le haut et sont masquées. Faites défiler vers le bas pour voir 10 images. Seules 10 images peuvent être affichées à la fois. Cliquez à nouveau et 5 images seront affichées. Cliquez enfin pour revenir à l'état initial. Comment obtenir cet effet ? S'il vous plaît, expliquez-le à tout le monde. Aucune idée

Answer 1

Contrôlez d'abord la position du conteneur parent : relative, top: 0, left: 0, transition: all .5

Premier clicMoins la hauteur de dix images

Le deuxième clicmoins la hauteur de vingt photos

......

Les autres sont pareils

Dernière fois : top :0

Answer 2

C'est le genre de carrousel à quatre images ? Principe

Answer 3

La bonne réponse à l'étage est que le carrousel général suit cette idée. Premièrement, le parent ne peut plus se cacher, et ensuite il peut continuer à ajuster la hauteur

.

Answer 4

Bonne réponse à l'étage, c'est l'idée des carrousels généraux. De plus, l'effet d'animation de CSS est également recommandé d'utiliser l'animation js jq pour l'écrire pour une meilleure expérience.