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

原创 2022-05-14 01:46
文章的分类 CSS 代码乐园

前言

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

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

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



THE END


分享
赞赏
精选留言 写留言
    1. 小赵同学 来自湖北省电信 访客 头像

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

      2022年05月21日
    1. 芭比 来自广东省惠州市移动 访客 头像

      背景图好看呀

      2022年05月18日
      1. 小魏先生 来自中国上海市闵行区 作者 头像
        @芭比

        哈哈哈,全是 CSS 哦。

        2022年05月18日
    1. vian 来自广东省深圳市电信 访客 头像

      实用技巧+1

      2022年05月16日
    1. 小赵同学 来自湖北省襄阳市电信 访客 头像

      牛的

      2022年05月14日
      1. 小赵同学 来自湖北省襄阳市电信 访客 头像
        @小赵同学

        冒慰问一下 @小尾巴老哥借鉴的那里

        2022年05月14日
        1. 小魏先生 来自上海市移动 作者 头像
          @小赵同学

          你是说消息的左边的这个吗?,就突出来的这个?

          2022年05月14日
          1. 小赵同学 来自湖北省襄阳市电信 访客 头像
            @小魏先生

            对的

            2022年05月15日
            1. 小魏先生 来自上海市移动 作者 头像
              @小赵同学

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

              2022年05月15日
      1. 小魏先生 来自上海市移动 作者 头像
        @小赵同学

        哈哈哈,你博客字体好好看,我给整来了????

        2022年05月14日
        1. 小赵同学 来自湖北省襄阳市电信 访客 头像
          @小魏先生

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

          2022年05月14日
          1. 小魏先生 来自上海市移动 作者 头像
            @小赵同学

            就用简单的 css 再给头像用 div 给包裹起来就行了,把文本改成回复地址就 OK。
            https://www.w3school.com.cn/css/css3_images.asp 拉到最下面???

            2022年05月14日
            1. 小赵同学 来自湖北省襄阳市电信 访客 头像
              @小魏先生

              研究了一下 我感觉jq写会更简单

              2022年05月14日
              1. 小魏先生 来自上海市移动 作者 头像
                @小赵同学

                是吗,对于我来说用 css 可能是比较简单的???

                2022年05月14日
            1. 小赵同学 来自湖北省襄阳市电信 访客 头像
              @小魏先生

              绝了 还可以这样实现 我还以为要撸jq实现呢

              2022年05月14日