这是我参与更文挑战的第2天，活动详情查看： 更文挑战

在开发小程序的过程中，官方自带的组件scroll-view应该是使用的地方很多了，今天就来看看这个组件的n中常见用法。

尤大说了文档是个好东西！所以在学习任何东西的时候，首先我们需要做的就是认认真真的去看看官方文档介绍，毕竟很多东西都能够从文档上获取到的。这里还是提供一张官方的文档截图，如下： 上面图用红色框起来的可以适当注意下，算是常用的几个。

上图中漏掉了两个常用的bindscrolltoupper、bindscrolltolower

这种用法也是最常用的，有两种形式。

给定一个高度，让内容在这个高度内容显示，超出可以滑动显示内容，这里的高度可以是小于页面的高度，也可以刚好是页面的高度。代码如下：

效果如下：

就是在上面的基础上添加上拉加载更多和下拉更新数据的功能。其实就是运用了两个官方的方法而已。

这里就不具体介绍了，主要就是用着两个方法滚动到顶部时，请求接口更新数据，滚动到底部时加载下一页数据。

第二种用法也是在做小程序的过程中很常见的用法了，直接上代码：

效果如下：

这种用法我们在生活中经常见到，比如手机中联系人的界面，有的选择地址或者国家页面都有类似功能。主要用到了scroll-view中的scroll-into-view属性，类似网页中锚点的功能。例子如下：

效果如下：

这种用就是点击顶部导航，下面的页面中内容就滚动到相应的地方去。废话不说了，直接上代码：

效果如下：

这种用法多用于外卖，点餐以及商城项目中。效果如下： 这种用法难点在于如何滚动右边联动左边的。上代码：

上面的例子中左边的导航这里是直接用了view，如果这里内容很多也可以使用scroll-view实现，这个就交给大家自己去实现了，我这里只是抛砖引玉哦。

scroll-vew的用法还有很多，目前自己的实际项目中只用这几种方法，如果大家有更多方法，欢迎下面留言探讨哦。