258资源分享网

这个月，比较忙，遇到某位同学问我一个问题：在小程序里实现微信好友列表点击右侧字母列表跳转对应位置效果。写了个demo，核心部分很简单，所以没多少注释，如果遇到问题就加群问我吧。

核心技术点： 
1、小程序scroll-view组件的scroll-into-view， scroll-with-animation. scroll-y属性。 
2、小程序的touch事件的应用。 
3、Js定时器的应用。

view页面代码：

index.wxml

<!--index.wxml-->

<view class="container" scroll-y>

<scroll-view class="info" id="info" scroll-with-animation scroll-y scroll-top="200" scroll-into-view="{{toView}}" style="height:{{height}}px;">

<view class="iitem" id="{{item.id}}" wx:for="{{info_list}}" wx:key="1">