Conteneur de défilement

Un conteneur de défilement (scroll container en anglais) est une boîte d'élément dont le contenu peut être défilé, que des barres de défilement soient présentes ou non. Une boîte d'élément devient un conteneur de défilement lorsque sa propriété CSS overflow (ou overflow-x ou overflow-y) est définie sur scroll, auto ou hidden.

Chaque valeur de overflow d'un conteneur de défilement contrôle quand les barres de défilement sont affichées :

• scroll : Les barres de défilement sont toujours affichées, si la plateforme les affiche.
• auto : Les barres de défilement ne sont affichées que lorsque le contenu déborde de la boîte.
• hidden : Aucune barre de défilement n'est affichée, et l'utilisateur·ice ne peut pas faire défiler le contenu directement, mais il peut toujours être défilé par programmation, par exemple avec Element.scrollTo() ou en focalisant un élément à l'intérieur.

Un conteneur de défilement :

• Établit un nouveau contexte de formatage de bloc, de sorte qu'il contient les flottants et que ses marges ne s'effondrent pas avec celles de ses enfants.
• Sert de boîte de référence pour les descendants dont la propriété CSS position est définie sur sticky.
• A une taille minimale automatique de 0 lorsqu'il s'agit d'un élément flexible ou en grille, de sorte qu'il peut rétrécir plus petit que son contenu.