Résoudre plusieurs barres de défilement sur une page

1. Comment gérez-vous plusieurs barres de défilement?
2. Comment puis-je me débarrasser de la barre de défilement supplémentaire?
3. Pourquoi ai-je deux barres de défilement?

Comment gérez-vous plusieurs barres de défilement?

Vous pouvez rendre n'importe quel conteneur défilement avec débordement: défilement ou débordement: faites défiler . L'approche générale consiste à corriger la hauteur de ces conteneurs afin qu'ils défilent. E.g. Pour diviser les vues de défilement en plusieurs conteneurs, vous feriez E.g. Une disposition de grille comme normal et mettez une div de défilement imbriquée à l'intérieur.

Comment puis-je me débarrasser de la barre de défilement supplémentaire?

Vous pouvez d'abord essayer de sélectionner la barre de défilement en utilisant un clic droit, puis une fois sélectionné, vous pouvez appuyer sur Supprimer, mais vous devrez peut-être d'abord mettre la feuille dans `` Mode de conception '' (voir l'option sous le menu du développeur dans l'image ci-dessus). Une fois en mode conception, vous devriez pouvoir sélectionner la barre de défilement et appuyer sur Supprimer.

Pourquoi ai-je deux barres de défilement?

Vous obtenez essentiellement une double barre de défilement parce que vous donnez le corps à mi-hauteur de 100 VH et mettez un débordement. Il semble que cela ait été fait pour garder le menu dans la bonne position sur les appareils mobiles. Cela a corrigé des choses dans Chrome, je suppose aussi d'autres navigateurs, mais je n'ai fait aucun test lourd.