如何有滚动效果，但隐藏滚动条(移动端)

最新推荐文章于 2024-04-21 09:10:41 发布

weixin_43795761

最新推荐文章于 2024-04-21 09:10:41 发布

阅读量253

点赞数

分类专栏： html 文章标签：前端 css css3

本文链接：https://blog.csdn.net/weixin_43795761/article/details/129208669

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

 .box{
    height: 100px;
    width: 100px;
    background-color: papayawhip;
    overflow-x: hidden; 
    overflow-y: scroll;
  }
  /*自定义滚动条*/
  .box::-webkit-scrollbar{
    display: none;
  }
<body>
  <div class="box">
  <div class="item">我是第1行啊啊啊啊啊啊啊啊啊</div>
  <div class="item">我是第2行</div>
  <div class="item">我是第3行</div>
  <div class="item">我是第4行</div>
  <div class="item">我是第5行</div>
  <div class="item">我是第6行</div>
  <div class="item">我是第7行</div>
  <div class="item">我是第8行</div>
</div>
</body>