CSS 实现隐藏滚动条滚动

╰半夏微凉° 2021-09-19 01:36 607阅读 0赞

需求：

当页面元素溢出的时候会产生滚动条，这个时候需要页面样式优化：CSS实现隐藏滚动条但是可以滚动。

css伪类元素控制

  1. body::-webkit-scrollbar {
  2.    display: none;
  3. }

demo

  1. <head>
  2.     <meta charset="UTF-8">
  3.     <title></title>
  4.     <style>
  5.         .cont {
  6.             width: 200px;
  7.             height: 200px;
  8.             border: 1px solid #000000;
  9.             overflow-x: hidden;
  10.         }
  12.         .cont::-webkit-scrollbar {
  13.             display: none;
  14.         }
  15.     </style>
  16. </head>
  18. <body>
  19.     <div class="cont">
  20.         <p>王小銘</p>
  21.         <p>王小銘</p>
  22.         <p>王小銘</p>
  23.         <p>王小銘</p>
  24.         <p>王小銘</p>
  25.         <p>王小銘</p>
  26.     </div>
  27. </body>

原文：https://blog.csdn.net/qq_36538012/article/details/89200121

发表评论

表情：
评论列表 （有 0 条评论，607人围观）

还没有评论，来说两句吧...

相关阅读