文章详情

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

原创 小魏先生 2022-05-14 01:46
文章的分类 CSS 网络爱好
相关文章

前言

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

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

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



THE END


已有 2142 次浏览
分享
赞赏
评论面板
已有 15 条评论
    • 谢谢老哥哈 我爸住院的地方刚刚出结果了 没有大碍 做个微创手术就好了

      5月21日
    • 背景图好看呀

      5月18日
    • vian

      实用技巧+1

      5月16日
            • 小魏先生博主
              @小赵同学

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

              5月15日