2025年4月22日 星期二 乙巳(蛇)年 正月廿三 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > 小程序

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

时间:04-10来源:作者:点击数:7
城东书院 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
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
上一篇:微信小程序开发——生成分享图片 下一篇:很抱歉没有了
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐