滚动条显隐时页面不抖动

方案一

属性

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

方法

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

其他属性值

auto

默认效果

stable both-edges

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

兼容性

scrollbar-gutter兼容性

方案二

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

版权属于:

Ginkgo

本文链接:

https://imao2.com/article/145.html(转载时请注明本文出处及文章链接)

Ginkgo

一个今天胜过两个明天。

30 文章
0 评论
5 分类

标签云