Prevenir quebras de layout com scrollbar-gutter

2h atrás

Ion

---

0 0

A propriedade scrollbar-gutter do #CSS, permite reservar um espaço para a scrollbar, evitando mudanças no layout causadas quando há um overflow.

Exemplo

scrollbar-gutter: stable;

Valores

• auto: valor inicial, o espaço só aparece quando há um overflow.
• stable: o espaço é sempre reservado, se o overflow for auto, scroll ou hidden.
• both-edges: o mesmo espaço será reservado do lado oposto também.