CSS 技巧：防止布局在滚动条出现时横向跳动。
#CSS #UX
https://x.com/denicmarko/status/2115765989883433445?a=o3joFmAEkpM1zSiEQ0k&s=19
#CSS #UX
html {
scrollbar-gutter: stable;
}https://x.com/denicmarko/status/2115765989883433445?a=o3joFmAEkpM1zSiEQ0k&s=19
X (formerly Twitter)
Marko Denic (@denicmarko) on X
CSS tip: stop your layout from jumping sideways when the scrollbar appears.
html {
scrollbar-gutter: stable;
}
The browser reserves space for the scrollbar ahead of time, so nothing shifts.
html {
scrollbar-gutter: stable;
}
The browser reserves space for the scrollbar ahead of time, so nothing shifts.
