Désactiver le chargement de l'animation de la maçonnerie
J'essaie de désactiver l'animation ennuyeuse du conteneur de chargement #infsrc-loading . Jetez un oeil à la démo de défilement infinie ici http://masonry.desandro.com/demos/infinite-scroll.html .
La première fois que le chargement div apparaît, il est statique, mais après cela, il charge plus de contenu est une animation, comme il apparaît en bas et se développe. Je souhaite désactiver cela, mais je n'ai pas pu trouver où cela se déroule.
J'ai essayé de désactiver les transitions CSS et $('#infsrc-loading').show() dans le rappel du plugin. J'ai regardé la source de la maçonnerie et InfiniteScroll et je ne peux toujours pas dire où ce paramètre est défini. J'ai également désactivé les animations dans la maçonnerie.
J'utilise le plugin WordPress si cela vous aide.
- Jscroll n'affiche pas l'option de déclenchement (chargez plus d'option)
- Comment demander l'état du bouton Tumblr like après qu'une nouvelle page est chargée avec un défilement infini
- Comment obtenir un défilement infini pour fonctionner?
- JQuery Infinite Scroll – "chargez plus" après la limite maximale de la page atteinte
- Comment Facebook réalise-t-il un défilement infini?
- ReactJS: Modélisation du défilement bidirectionnel infini
- Défilement infini avec React JS
- Défilement infini avec AngularJs et Firebase
- Angularjs spirale infinie dans un conteneur
J'ai trouvé le code. C'est à la ligne 155 de Infinite Scroll . Je viens de changer de show to fadeIn pour le faire fonctionner de quelle façon j'avais besoin.
Peut-être que quelque chose n'est pas nécessaire, mais fonctionne pour moi:
<style> #infscr-loading { display:none; } </style>
Pour initialiser infinitescroll, définissez ces options:
loadingImg : "", loadingText : "", loading: { finishedMsg: "", msgText: "", img: "" }
Mise à jour: la dernière ligne cache la barre de progression animée bleue gif.
J'utilise cette version:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js"></script>
Si vous pouvez améliorer ma réponse, n'hésitez pas à me corriger 🙂