微信小程序：scroll-view

Continue丶

于 2021-05-30 19:02:52 发布

阅读量2.8k

点赞数 1

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/qq_43522998/article/details/117402215

版权

本文介绍了微信小程序中scroll-view组件的基本使用和常见问题。在使用scroll-view实现滑动效果时，需要注意设置scroll-x或scroll-y属性，并确保给scroll-view指定合适的宽度或高度。此外，为防止显示不全或空白，需要设置white-space: nowrap。对于align-items:center不居中问题，可以通过让子元素撑满scroll-view并对其内部内容进行垂直居中解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写在前面
最近在用小程序时多次踩坑scroll-view，决定记录下

1. 概述

scroll-view是微信小程序里的一个视图容器，使用它我们可以实现滑动效果，通过设置scroll-x scroll-y可以实现横向滑动或竖向滑动，但是这其中也有些需要注意的问题。

2. 基本使用

  <scroll-view class="historyScrollView" scroll-x enable-flex>
      <view class="srollItem">
        <view

最低0.47元/天解锁文章