前言

在小程序的开发中，实现长列表的数据展示和切换，一般都会选择 swiper 和  scroll-view 配合实现，原因无他，个人觉得就是用户体验好，开发快速、方便，但也不是毫无诟病

比如很棘手的问题： swiper 的高度问题

Part.1  需要实现的需求

Part.2  实现步骤

上面展示的效果就是选择 swiper 和  scroll-view 配合实现，接下来详细说明下产出过程：

首先，我把页面分为了两个部分，分别是 红色框内的内容 和 蓝色框内的内容，相信想使用 swiper 实现列表的同学已经遇到了这个棘手的问题：swiper的高度一直是 150px，它无法根据内容的大小自适应，除非自己手动设置其高度

这就让人很烦恼了，不知道其它同学怎么想，至少于我而言关于页面布局 能用 CSS 实现的打死也不用 JS ，所以自己研究了一波，没什么头绪就搜索了一波，发现至少暂时这个问题还真得需要 js 实现，