`Overflow-scroll` EIGENSCHAP bestaat niet in CSS, maar we kunnen de `overflow` eigenschap gebruiken als we willen dat inhoud horizontaal of verticaal scrollt.
Om de zichtbaarheid van de scroll te manipuleren, gebruiken we `overflow-y` voor verticale scroll of `overflow-x` voor horizontale scroll. Haar waardes kunnen ‘hidden’, ‘visible’, ‘scroll’ of ‘auto’ zijn.
Voorbeeld:
```
/* Voor verticale scroll */
.container {
overflow-y: scroll;
height: 200px; /* Stel de hoogte voor de container */
}
/* Voor horizontale scroll */
.container {
overflow-x: scroll;
width: 200px; /* Stel de breedte voor de container */
}
```
Je kunt het ook tegelijkertijd toepassen:
```
.container {
overflow: auto; /* Het zal zowel horizontaal als verticaal scrollen als de inhoud groter is dan de container */
height: 200px;
width: 200px;
}
```
Houd er rekening mee dat als je geen breedte of hoogte voor de container instelt, het scrollen niet wordt geactiveerd omdat de container gewoon zal groeien om de inhoud te passen.
Als je altijd een scrollbar wilt tonen, ongeacht of er al dan niet voldoende inhoud is, gebruik je ‘scroll’ in plaats van ‘auto’.
```
.container {
overflow-y: scroll;
height: 200px;
}
```
Dit zal een verticale scrollbar altijd zichtbaar maken.
