利用 CSS 隐藏页面滚动栏,解决因高度引起抖动

原创 2022-05-14 01:46
文章的分类 CSS 网络爱好

前言

由于网站页面会常常因为页面高度不一,滚动栏会导致网站会出现抖动的情况。

::-webkit-scrollbar{
width:1px;
height:1px;
}

只需要在 css 里加入此代码即可 px 越大滚动栏越粗,不建议设置 0 px 移动端反而会调用浏览器自带的滚动栏,虽然不会引起抖动,但确是不好看。



THE END


分享
赞赏
精选留言
    • 小赵同学 访客

      谢谢老哥哈 我爸住院的地方刚刚出结果了 没有大碍 做个微创手术就好了

      2022年05月21日
    • 芭比 访客

      背景图好看呀

      2022年05月18日
    • vian 访客

      实用技巧+1

      2022年05月16日
            • 小魏先生 博主
              @小赵同学

              在消息左侧用 ::before 创建一个伪元素,加个小方块然后给它用 transform: rotate(45deg); 调整一下角度,最后把小尾巴大小高低调整一下就ok了。
              或许你也可以看下我的 ::before 。

              2022年05月15日
        • 小赵同学 访客
          @小魏先生

          老哥 点击头像进行二级回复 是怎么实现的 有借鉴文章吗

          2022年05月14日
15