Utilisation de swiper.js pour implémenter le changement d'élément d'onglet, mais la hauteur de chaque élément d'onglet est différente et les données sont chargées de manière asynchrone
AutoHeight : true est défini pour la hauteur adaptative du conteneur swiper, mais il s'avère que lorsque la hauteur du contenu < hauteur de l'écran Cet attribut ne fonctionne plus
Je l'ai modifié via les paramètres js mais je peux toujours glisser vers le bas de la zone vide. Comment puis-je le résoudre
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
J'ai déjà rencontré ce problème. Étant donné que le conteneur swiper est une boîte p, il utilisera la plus grande hauteur parmi les sous-onglets comme sa propre hauteur. Donc, utiliser simplement CSS ne suffit pas, vous devez ajouter quelques js pour juger.
Solution :
1. Écoutez d'abord le rappel de l'événement de changement d'onglet. Une fois le changement d'onglet terminé, obtenez la hauteur du contenu actuel de l'onglet, puis js définit le conteneur de swiper externe sur la hauteur actuelle du contenu.
2. Deuxièmement, une fois le contenu dynamique chargé, le principe est le même. Vous devez également obtenir manuellement la hauteur du contenu, puis définir la hauteur du conteneur externe sur la hauteur actuelle du contenu.
Je n'ai pas le code spécifique avec moi, donc je pourrai vous le poster plus tard, mais j'ai l'idée, et je pense que vous pouvez certainement la mettre en œuvre !