test.wxml [代码]<!--好友列表项模板-->[代码][代码]<[代码][代码]template[代码] [代码]name[代码][代码]=[代码][代码]"temp_friend_item"[代码][代码]>[代码][代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"friend_item"[代码][代码]>a{{isTouchStartSideBar}}</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]template[代码][代码]>、[代码] [代码]<!--按字母排序好友列表项模板-->[代码][代码]<[代码][代码]template[代码] [代码]name[代码][代码]=[代码][代码]"letter_sort_friend"[代码][代码]>[代码][代码]   [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"letters"[代码][代码]>b{{isTouchStartSideBar}}</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]template[代码][代码]>[代码] [代码]<[代码][代码]scroll-view[代码] [代码]id[代码][代码]=[代码][代码]"scroll_view"[代码] [代码]class[代码][代码]=[代码][代码]"friend_list_scroll-view"[代码] [代码]scroll-y [代码][代码]scroll-into-view[代码][代码]=[代码][代码]"scroll_{{toView}}"[代码] [代码]bindtap[代码][代码]=[代码][代码]"event"[代码][代码]>[代码][代码]  [代码][代码]<!-- 正常排序 -->[代码][代码]   [代码][代码]<[代码][代码]block[代码] [代码]hidden[代码][代码]=[代码][代码]"{{isTouchStartSideBar}}"[代码][代码]>{{isTouchStartSideBar}}[代码]   <!-- <block wx:if="{{isTouchStartSideBar}}">{{isTouchStartSideBar}} -->[代码]    [代码][代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{friendList}}"[代码] [代码]wx:for-item[代码][代码]=[代码][代码]"item"[代码] [代码]wx:key[代码][代码]=[代码][代码]"id"[代码][代码]>[代码][代码]      [代码][代码]<[代码][代码]template[代码] [代码]is[代码][代码]=[代码][代码]"temp_friend_item"[代码] [代码]data[代码][代码]=[代码][代码]"{{index,item}}"[代码][代码]></[代码][代码]template[代码][代码]>[代码][代码]    [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码]  [代码][代码]<!-- 按字母排序 -->[代码][代码]  [代码][代码]<[代码][代码]block[代码] [代码]wx:else>{{!isTouchStartSideBar}}[代码] [代码]  <!-- <block wx:else>{{!isTouchStartSideBar}}  -->[代码] [代码]    [代码][代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{friendList}}"[代码] [代码]wx:for-item[代码][代码]=[代码][代码]"obj"[代码] [代码]wx:key[代码][代码]=[代码][代码]"id"[代码][代码]>[代码][代码]      [代码][代码]<[代码][代码]template[代码] [代码]is[代码][代码]=[代码][代码]"letter_sort_friend"[代码] [代码]data[代码][代码]=[代码][代码]"{{obj}}"[代码][代码]></[代码][代码]template[代码][代码]>[代码][代码]    [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码]</[代码][代码]scroll-view[代码][代码]>[代码]test.wxss [代码].friend_list_scroll-view{[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]1000[代码][代码]rpx;[代码][代码]  [代码][代码]background-color[代码][代码]: yellow;[代码][代码]}[代码] [代码].friend_item{[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100[代码][代码]rpx;[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]green[代码][代码];[代码][代码]  [代码][代码]border[代码][代码]: [代码][代码]1[代码][代码]rpx [代码][代码]solid[代码] [代码]black[代码][代码];[代码][代码]}[代码] [代码].letters{[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100[代码][代码]rpx;[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]red[代码][代码];[代码][代码]  [代码][代码]border[代码][代码]: [代码][代码]1[代码][代码]rpx [代码][代码]solid[代码] [代码]black[代码][代码];[代码][代码]}[代码] test.js [代码]Page({[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 页面的初始数据[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]data: {[代码][代码]    [代码][代码]friendList:[1,2,3,4,5,6,7],[代码][代码]    [代码][代码]isTouchStartSideBar:[代码][代码]false[代码][代码],[代码][代码]  [代码][代码]},[代码] [代码]  [代码][代码]event: [代码][代码]function[代码][代码](){[代码][代码]    [代码][代码]var[代码] [代码]flag = [代码][代码]this[代码][代码].data.isTouchStartSideBar == [代码][代码]true[代码] [代码]? [代码][代码]false[代码] [代码]: [代码][代码]true[代码][代码];[代码][代码]    [代码][代码]console.log(flag);[代码][代码]    [代码][代码]this[代码][代码].setData({[代码][代码]      [代码][代码]isTouchStartSideBar: flag[代码][代码]    [代码][代码]});[代码][代码]  [代码][代码]}[代码][代码]})[代码] 用hidden 没有效果 把hidden注掉，改用wx:if 和 wx:else 显示效果正常 用 wx:if 时 切换显示时效率不行 频繁切换显示时用hidden效率高