小程序ios/安卓隐藏滚动条

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

吃柠檬的猫

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

阅读量1.3k

点赞数 2

分类专栏：小程序文章标签：小程序滚动条

本文链接：https://blog.csdn.net/weixin_43222302/article/details/100762586

版权

小程序专栏收录该内容

5 篇文章 0 订阅

订阅专栏

小程序ios/安卓隐藏滚动条

// 隐藏滚动条（此方法对安卓有效）
::-webkit-scrollbar{
	width: 0;
	height: 0;
	color: transparent;
}
//终极隐藏滚动条ios也可隐藏掉
//滚动条属性对ios中无效，需要在当前的标签外裹一层view，这里举例，无论横向，水平都可用类似方法隐藏掉
//
.scroll{//外层
    width:100vw;
    overflow-x:hidden;
   .view{//主要显示层
      width:calc(100vw+10rpx);
   }
}
// 滚动条回弹
scroll-view{
	-webkit-overflow-scrolling:touch;
}