I dagens CSS skal vi se på scrollbar-gutter
Hvor ofte har man ikke irritert seg over at et design ser annerledes ut med og uten scrollbar. Og det er umulig å ta hensyn til scrollbar fordi alle nettlsere og operativsystemer har egne størrelser, farger og stiler. Det er der scrollbar-gutter
kommer inn i bildet. Med scrollbar-gutter
kan man reservere plass til en scrollbar, og om scrollbaren ikke finnes, så vil denne reserverte plassen være en del av padding.
scrollbar-gutter: stable;
scrollbar-gutter: stable both-edges;
Med stable
regelen så vil scrollbaren alltid vises, selv om containeren ikke har overflow. Legger man til both-edged
så får man en padding på begge sider av innholdet, ikke bare på høyre side, for at innholdet skal være sentrert.
Kan være en nytting funksjon, men funker foreløpig ikke i Safari.
Relevante lenker anbefalt av forfatteren
Uffda. En feil har oppstått, og vi klarer ikke å hente lenken!