Les barres de défilement verticales de Google Chrome apparaissent et disparaissent mystérieusement?
Le site Web sur lequel je travaille a ce problème étrange et apparemment non cohérent, qui ne semble se produire que sur Google Chrome.
Ma section de contenu principale produira occasionnellement des barres de défilement verticales et horizontales.
Lorsque j'ouvre la page sous forme de fichier, les barres de défilement apparaissent par intermittence lors de l'ouverture de la page et de l'actualisation. Ils ne se présentent généralement pas, mais ils apparaîtront tous les deux ou trois rafraîchissements.
Lorsque j'exécute la page localement à l'aide de NGiNX, les barres de défilement apparaissent à l'ouverture de la page, mais disparaissent lorsque j'actualise et aucune quantité d'actualisation ne les ramène. Si je clique en arrière entre deux pages de test différentes que j'ai configurées, les barres de défilement restent collées. Ils disparaissent seulement après avoir rechargé.
Je n'ai pas vu le problème lorsque je l'exécute depuis mon site d'hébergement Web gratuit, Zymic. En fait, je n'allais même pas m'inquiéter à ce sujet car il ne s'était pas présenté en direct, mais lorsque j'ai remarqué que le problème venait de mon serveur Web géré localement, j'ai pensé que je devrais me pencher sur la question.
Je ne sais pas par où commencer à chercher ce qui pourrait causer le problème, mais je fournis une vidéo qui montrera clairement le problème et un lien vers mon site actuel. D'après les rapports d'autres personnes et de mes propres expériences, le problème n'apparaîtra pas sur le site en direct, mais il donnera accès à tout le code actuel (je suis en train d'essayer certaines choses) et Je serai ravi de vous fournir les éléments de code spécifiquement demandés. J'essayerais de fournir tout de suite les éléments qui pourraient être à l'origine du problème, sauf que je n'ai aucune idée:\Mais si je réduis quelque chose, j'inclurai ce morceau de code avec ce que j'ai découvert.
Courte vidéo de 58 secondes du problème: http://youtu.be/K7tjGJ8hIV0
Site en direct (ce lien ne devrait pas poser de problème): http://jrltest.zxq.net/
Merci beaucoup à tous!
Cela est dû à votre style overflow:auto; sur votre #maincontent div. Il suffit de changer le style en overflow:hidden; pour que les barres de défilement disparaissent de façon permanente.
Le débordement automatique fonctionnera en évitant le contenu en débordement si celui-ci tient dans le conteneur, mais s'il déborde même un peu, il insère des barres de défilement pour permettre à l'utilisateur de faire défiler. Dans votre cas, Chrome reconnaîtra probablement un seul pixel de débordement, insérez donc des barres de défilement. Cela a probablement à voir avec la mise en cache et le chargement d'images. Ce que je pense, c’est que si l’image est déjà dans le cache, Chrome sait exactement quelle est sa taille et sait que l’image tiendra dans le conteneur. Toutefois, lorsqu’elle n’est pas encore mise en cache, elle laisse de la place pour le chargement de l’image. , et comme cet espace est apparemment légèrement plus grand que l’image réelle, il prendra un peu plus de place.
Vérifiez si la valeur de corps pour vous est définie sur overflow:hidden; Si c'est le cas, changez-la;)