Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析

引言

在诺亚财富项目中，使用到了通讯录，如果只是简单的查看，我个人觉得可能过于单调，于是就在查看的基础上，增加了点击滑动的效果。目的有两个：1.体验不错。2.通讯录的数据量较大，我们在点击一个模块的同时，使这个模块滑动至最上层，可视范围也会变大。

效果

点击一个模块，页面即开始向上滑动，直到这个模块至于页面最上层。

这是点击前的地方，我们点击运营中心：

点击后就会有一个滑动的动画使这个模块滑动到顶部：

实现

获取元素，动态生成id

我们在点击一个元素的同时，我们需要让程序知道我们点击了哪里，是具体到一个div，而不是我们手指点击的地方。

在之前的wiki中有介绍到，接口返回的数据格式是一维数组，在转成多维数组的同时需要对数据进行一次遍历，在这个时候我们就可以对各条数据加上id了：

在前端页面这样绑定id