右侧字母检索，例子（体验杠杠的）

在做这个的时候，在论坛找了两个相关的的例子，体验不很好，所有就直接写了一个demo 
提升体验的第一步就是要用scroll-view 标签 把他们包裹起来不让他们可以滚动，当你在右侧上下摩擦的时候，发现左侧在滚动，是多么的不开心 
还有一定使用左右结构，不能直接把字母定位在页面右侧

还有一个最重要的也就是困扰楼主一会儿，就是一定要给 scroll-view 设置高，或许聪明的你们 不会像楼主一样 傻不拉几的找不到为什么设置了 scroll-into-view 的值却不滚动。 

 
好了直接上代码

1. <scroll-view class="flex-wrap">
2.  
3. <scroll-view class="flex-left" scroll-y="true" scroll-into-view="{{scrollIntoId}}">
4.  
5. <view wx:for="{{groups}}" wx:key="zimu" wx:for-item="zimu">
6.  
7. <view class="item item-a" id="{{zimu.groupName}}">{{zimu.groupName}}</view>
8.  
9. <view class="item" wx:for="{{zimu.users}}" wx:key="user" wx:for-item="user">{{user.name}}</view>
10.  
11. </view>
12.  
13. <navigator url="../project/projectlist" open-type="switchTab">go</navigator>
14.  
15. </scroll-view>
16.  
17. <view class="flex-right">
18.  
19. <view class="zimulist" bindtouchmove="touchmovefn" bindtouchstart="touchstartfn">
20.  
21. <view class="zimu" wx:for="{{zimu}}" wx:key="ABC" data-id="{{item}}">{{item}}</view>
22.  
23. </view>
24.  
25. </view>
26.  
27. </scroll-view>

1. page{
2.  
3. height: 100%;
4.  
5. }
6.  
7. .zimu{
8.  
9. width: 50rpx;
10.  
11. height: 20px;
12.  
13. line-height: 20px;
14.  
15. }
16.  
17. .zimulist{
18.  
19. position: fixed;
20.  
21. top: 0;
22.  
23. right: 0;
24.  
25. bottom:0;
26.  
27. width: 50rpx;
28.  
29. z-index: 999999999999;
30.  
31. background-color: #fff;
32.  
33. text-align: center;
34.  
35. }
36.  
37. .item{
38.  
39. height: 88rpx;
40.  
41. line-height: 88rpx;
42.  
43. border-bottom: solid 1rpx #f0f1f2;