fullpage.js page structure se brise et devient inutilisable à l'écran redimensionner

Question

J'utilise fullpage.js sur une page d'un site que je construis. Tout fonctionne comme prévu et j'ai été très heureux avec l'expérience jusqu'à présent. J'ai rencontré un petit problème que je n'arrive pas à résoudre.

J'ai défini le responsiveWidth: 961 de sorte que lorsque la taille de l'écran est inférieure à 961px, la fonction de curseur est désactivée. Maintenant, lorsque vous essayez de redimensionner l'écran (haut et bas) sur la première diapositive (étiqueté: propriétés) passé le point d'arrêt mentionné ci-dessus, tout va bien.

Toutefois, lorsque vous essayez de redimensionner l'écran lorsque la fenêtre d'affichage est sur la deuxième diapositives (et au-dessus), la structure html se brise complètement en dessous de la largeur 961px.

Veuillez visiter: http://viv-homes.dafox.uk/properties/ pour reproduire le problème.

Merci d'avance!

Answer 1

Il y a an open issue about it dans les questions GitHub des fullpage.js tacker

Comme vous pouvez le voir, il est marqué comme « fixe sur dev ». Ce qui signifie que le problème a été résolu dans the developing branch et sera fusionné pour la prochaine version v 2.9.0.

Si vous voulez vous débarrasser du problème, n'hésitez pas à utiliser the developing version.

Answer 2

Vous devez supposer qu'un utilisateur n'ouvrira pas votre site en mode développeur, donc chaque fois que vous changez la taille de l'écran, rechargez la page. Étant donné que les utilisateurs qui ouvrent le site utiliseront une taille d'écran fixe. Ce n'est pas la question de la décomposition, mais à mon avis, js ne lira pas le code la deuxième fois une fois qu'il est déjà chargé, dans lequel il a déjà lu la partie de plus de 961px et quand vous allez à moins de 961px, le code pour moins de 961px sera la dernière information qu'il laissera pour votre site. J'espère que ça a aidé.