### [小程序scoll-view用法注意事项](https://www.prosaas.cn/article/16567)

**Published:** 2020-08-06T09:18:38

**Author:** 5201314

**Excerpt:** 小程序自带了组件scorll-view 很好用，但使用时要注意一此事项1.scorll-view 的内部不支持…

![](https://img.php.cn/upload/article/202008/06/2020080617164010438.jpg)

小程序自带了组件scorll-view 很好用，但使用时要注意一此事项

1.scorll-view 的内部不支持 flex布局

2.根据滑动方向的不同，x轴方向上的滑动，要给soroll-view的宽度给一个固定的值，如果是y轴方向上的滑动，要给scroll-view的高度给一个固定的值

3.当设置是x轴方向滚动时  内部的各个滑动块不要以 float的方动来进行横排  因为这样会脱离 scorll-view的包裹，使其没有做用，解决的办法是，把内部的各个元素设置为  inline-block  并且强制不换行（在scorll-view）  white-space: nowrap;

好了，不多，上图

![](https://img.php.cn/upload/article/000/000/020/7135ff93bd02332ea15e79ec9108fbbb-0.png)

![](https://img.php.cn/upload/article/000/000/020/7135ff93bd02332ea15e79ec9108fbbb-1.png)

![](https://img.php.cn/upload/article/000/000/020/7135ff93bd02332ea15e79ec9108fbbb-2.png)

 相关推荐：《小程序开发教程》

以上就是小程序scoll-view用法注意事项的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** flex, Float

**Categories:** 后端开发

---