微信小程序隐藏滚动条

最新推荐文章于 2025-03-18 11:13:08 发布

IT-Sun丿

最新推荐文章于 2025-03-18 11:13:08 发布

阅读量4.2w

点赞数 4

分类专栏：微信小程序文章标签：微信小程序滚动区域隐藏滚动条

本文链接：https://blog.youkuaiyun.com/qq_41261758/article/details/80755054

版权

微信小程序专栏收录该内容

7 篇文章

订阅专栏

 <scroll-view  scroll-y="true" class='y' >{{item.name1}}</scroll-view>

隐藏滚动栏

.y{
  background:  #FFFFF0; 
  width: 90rpx; 
  height: 160rpx; 
  display: inline-block;
  margin-top: 10rpx;  
  text-align: center;
  position: relative;
  font-size: 30rpx;
  overflow: hidden;
  border:0.1rpx dashed #77ddff;
  margin: 0 auto;    
 line-height: 48rpx;   
}
/*隐藏滚动条*/
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

界面显示