微信小程序scroll-view隐藏滚动条的方法详解
(编辑：jimmy 日期: 2024/11/26 浏览：3 次 )
效果图：
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属性
总结
下一篇：微信小程序点击item使之滚动到屏幕中间位置