javascript - Faites défiler jusqu'à la hauteur spécifiée et commencez à lire les animations à tour de rôle. C'est ainsi que procède le site officiel de QQPC. Quelle bibliothèque open source doit être utilisée pour la rendre plus pratique ?

Question

http://im.qq.com/pcqq/ Étudions-le

给我你的怀抱 · Answer

wow.js, vous pouvez y jeter un œil, il doit être utilisé avec animation.css.
https://github.com/matthieua/WOW
https://daneden.github.io/ani...

Exemple de Oppo : http://www.dowebok.com/demo/1...
De plus, vous pouvez également l'écrire vous-même.

PHPz · Answer

Écrit par moi-même, surveillez la barre de défilement lorsqu'elle atteint la hauteur de défilement et donnez une classe aux éléments qui nécessitent une animation. Cette classe est une animation CSS

.

为情所困 · Answer

Vous pouvez l'écrire directement avec CSS3, combiné avec JS

PHP中文网 · Answer

La bonne réponse à l'étage peut être obtenue avec WOW.js Lorsque la hauteur actuelle est atteinte, une classe d'animation sera ajoutée

.

我想大声告诉你 · Answer

scrollReveal.js C'est ce que j'utilise. http://dreamwq.com/home/ Vous pouvez le sentir

给我你的怀抱 · Answer

Écrit par vous-même est scrollTop

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket