小程序一个page里有两个列表页，滑动互相影响，怎么解决？

Question

如上图：活动页中有两个标签页：招聘会、宣讲会，在滑动招聘会时宣讲会列表也会滑动，有什么办法使得宣讲会列表不响应滑动事件？<import src="activity-stu-template/activity-stu-template.wxml" /> <import src="activity-tea-template/activity-tea-template.wxml" /> <view class="container">   <!--指示器，切换活动类型：宣讲会、招聘会-->   <view class="indicator">     <text bindtap="switchIndicator" data-activity-type="jobfair" style="color:{{activityType == ACTIVITY_TYPE_JOBFAIR?'#555555':'#aaaaaa'}}">招聘会</text>     <text bindtap="switchIndicator" data-activity-type="teachin" style="color:{{activityType == ACTIVITY_TYPE_TEACHIN?'#555555':'#aaaaaa'}}">宣讲会</text>   </view>   <!--对应指示器的内容-->   <!--学生视图-->   <scroll-view id="stu" class="listview"  scroll-y wx:if="{{userInfo.utype == 'student'}}">     <!--招聘会视图-->     <view  hidden="{{!(activityType == ACTIVITY_TYPE_JOBFAIR)}}">       <block wx:for="{{jobfairDatas}}" wx:for-item="data" wx:key="{{data.activityId}}">         <view class="listview-item" catchtap="onItemClick" data-index="{{index}}" >           <template is="t_activity_stu" data="{{...data}}"></template>         </view>       </block>     </view>     <!--宣讲会视图-->     <view hidden="{{!(activityType == ACTIVITY_TYPE_TEACHIN)}}">       <block wx:for="{{teachinDatas}}" wx:for-item="data" wx:key="{{data.activityId}}">         <view class="listview-item"  catchtap="onItemClick" data-index="{{index}}">           <template is="t_activity_stu" data="{{...data}}"></template>         </view>       </block>     </view>   </scroll-view>   <!--教师视图-->   <scroll-view id="tea" class="listview" scroll-y wx:else>     <!--招聘会视图-->     <view hidden="{{!(activityType == ACTIVITY_TYPE_JOBFAIR)}}">       <block wx:for="{{jobfairDatas}}" wx:for-item="data" wx:key="{{data.activityId}}">         <view class="listview-item"  catchtap="onItemClick" data-index="{{index}}">           <template is="t_activity_tea" data="{{...data}}"></template>         </view>       </block>     </view>     <!--宣讲会视图-->     <view hidden="{{!(activityType == ACTIVITY_TYPE_TEACHIN)}}">       <block wx:for="{{teachinDatas}}" wx:for-item="data" wx:key="{{data.activityId}}">         <view class="listview-item"  catchtap="onItemClick" data-index="{{index}}">           <template is="t_activity_tea" data="{{...data}}"></template>         </view>       </block>     </view>   </scroll-view> </view>上面代码是活动页的布局

Answer 1

分别建立两个大的标签容器，把招聘会、宣讲会分别放进去 隐藏的时候隐藏外部容器就行了，按照你的思路是老师和学生分开但是老师的招聘会、宣讲会，是在一个scroll-view里面，这导致了你拖动一个会带着另一个一起动，我写的话老师和学生在一块，使用权限来分开。