小程序可滚动视图

微信小程序scroll-view的注意事项及基本使用

  

• 微信小程序可滚动视图scroll-view 横向滚动

   注意事项：

1. scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的；
2. scroll-view 中的需要滑动的元素不允许用 float 浮动；
3. scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排；
4.  scroll-view 有明确的宽和加上样式— overflow:hidden;（隐藏溢出元素）  white-space:nowrap;（禁止换行）

           参数：scroll-x  默认是关闭的  参数值：true false(默认)

          代码：

• 微信小程序可滚动视图scroll-view 纵向滚动

         scroll-view 纵向滚动操作中，没有特别注意的事项，定义好滚动视图的宽、高以及开启纵向滚动后就能直接使用

        参数：scroll-y  默认是关闭的  参数值：true false(默认)

        代码：

更多详情请查看：scroll-view | 微信开放文档