小程序如何隐藏 scroll-view 滚动条

作者: stone呀 | 来源:发表于2018-09-06 11:14 被阅读1次

在使用横向 scroll-view 时，在 ios 手机上并没有出现滚动条，但是在Android上出现了令人难以接受的灰色滚动条

只需在滚动条页面的wxss中添加以下样式代码，就可以隐藏

/*隐藏滚动条*/
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

微信小程序如何使用scroll-view组件实现视图垂直滚动
在之前的文章中我相信大家对scroll-view有一定的了解，微信小程序如何实现scroll-view隐藏滚动条也...
小程序去除scroll-view滚动条
小程序 scroll-view 去除滚动条 :
微信小程序去除scroll-view组件右边滑动条样式，
微信小程序去除scroll-view组件右边滑动条样式，但不会影响滑动效果/* 隐藏滚动条 */::-webkit...
微信小程序如何实现scroll-view隐藏滚动条
网页开发的时候往往会为了页面的美观，而选择去掉滚动区域默认的滚动条。微信小程序实现scroll-view隐藏滚动条...
动态设置scroll-view的高度以及隐藏滚动条
wxml scroll-view滚动条隐藏 wxss
使用技巧收集，不定期持续更新
如何隐藏scroll-view组件滚动条解决：给scroll-view组件的父组件上加上以下css即可 css获取...
小程序隐藏或自定义 scroll-view滚动条
引用：scroll-view滚动条 css 隐藏滚动条 ::-webkit-scrollbar { width:...
隐藏小程序scroll-view组件的滚动条
使用如下样式可以去除小程序scroll-view组件的滚动条
小程序隐藏滚动条样式
小程序使用scroll-view的时候会显示滚动条 scroll-view使用方法代码链接：https://www...
小程序如何隐藏 scroll-view 滚动条
在使用横向 scroll-view 时，在 ios 手机上并没有出现滚动条，但是在Android上出现了令人难以接...