微信小程序scroll-view隐藏滚动条的方法详解

网络编程 2024/12/23 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

效果图：

1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示；

2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果的；

3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排；

4.包裹 scroll-view 的元素要加上样式–> overflow:hidden;white-space:nowrap;

5.有时候为了美观要隐藏滚动条，需要在样式里加上

核心代码：

在wxss里加入以下代码

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

scrollview属性

总结

标签：

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

评论“微信小程序scroll-view隐藏滚动条的方法详解”

暂无微信小程序scroll-view隐藏滚动条的方法详解的评论...

www.hbtsch.com 蝙蝠岛资源网

139,976影音资源

144,792福利资源

21,817软件资源

631,128技术资源

2024年12月23日