方案一

属性

属性 scrollbar-gutter 可以实现该功能

方法

在需要的地方设置 scrollbar-gutter: stable; 即可，此设置会将滚动条的位置预留出来，在没有滚动条时也占位。

其他属性值

auto

默认效果

stable both-edges

和 stable 差不多，但是左右两边都会留空白位置进行占位，让内容居中

兼容性

scrollbar-gutter兼容性

方案二

overflow:overlay , overlay 属性设置后，滚动条为覆盖在上方，不会占空间导致页面抖动