您当前的位置:首页 > 计算机 > 编程开发 > 小程序

微信小程序 -- 去掉scroll-view滚动条(测试有效)

时间:04-10来源:作者:点击数:
城东书院 www.cdsy.xyz

细节很重要,如下加下划线的注意点要记住了。

去掉scroll-view的滚动条其实很简单,只需要添加以下样式:

scroll-view ::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

但是需要注意的是,如果只是如下写法,可能只能把scroll-view滚动条由粗变细。

也就是说::-webkit-scrollbar前面要接scroll-view、scroll-view的类名、scroll-view的id名。

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

此外,注意的是“scroll-view” 与 “::-webkit-scrollbar”要有一个空格,否则,只能把scroll-view滚动条由粗变细。

注意:如果该页面是个组件,不会生效,因为组件是不支持这样的样式。

亲测有效,如果没有效果的可以提出来。

城东书院 www.cdsy.xyz
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐