微信小程序view与scroll-view组件的使用介绍

小程序中的组件也是由宿主环境提供的，开发者可以使用组件快速搭建出页面结构，官方把小程序里的组件分为了9大类，分别是

1. 视图容器

2. 基础内容

3. 表单组件

4. 导航组件

5. 媒体组件
   

6. map地图组件
   

7. canvas画布组件
   

8. 开放能力
   

9. 无障碍访问

常见的视图容器类组件

1.view

普通视图区域

类似于HTML中的div，是一个块级元素

常用于实现页面的布局效果

2.scroll-view

可滚动的视图区域

常用于实现滚动列表效果

3.swiper和swiper-item

轮播图容器组件和轮播图item组件

scroll-view 功能描述

可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。

属性说明

Skyline 仅列出与 WebView 属性的差异，未列出的属性与 WebView 一致。

详见官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

Bug & Tip

1. tip: 基础库 2.4.0以下不支持嵌套textarea、map、canvas、video 组件

2. tip: scroll-into-view 的优先级高于 scroll-top

3. tip: 在滚动 scroll-view 时会阻止页面回弹，所以在 scroll-view 中滚动，是无法触发 onPullDownRefresh

4. tip: 若要使用下拉刷新，请使用页面的滚动，而不是 scroll-view ，这样也能通过点击顶部状态栏回到页面顶部

5. tip: scroll-view 自定义下拉刷新可以结合 WXS 事件响应 开发交互动画

原文链接: https://www.yukx.com/miniprogram/article/details/2338.html 优科学习网微信小程序view与scroll-view组件的使用介绍