其他分享
首页 > 其他分享> > scroll-view实现侧边栏 滑动穿透 解决方法

scroll-view实现侧边栏 滑动穿透 解决方法

作者:互联网

侧边栏用scroll-view,

<scroll-view class="sidebar-white" scroll-y="true" scroll-x="false" style="overflow-x: hidden">
  <view class="xxx" wx:for="{{???}}" wx:key="key" bindtap="XX" data-name="{{item}}">
    {{item.name}}
  </view>
</scroll-view>

遮罩层:

<view class="sidebar-shade" style="display:{{open?'block':''}}" bindtap="onChange" catchtouchmove="true">

catchtouchmove="true" 是用来控制阴影部分(遮罩层)无法滑动的。scroll-x="false"可以不写,默认是false。不让它横向滑动。

标签:遮罩,false,侧边,滑动,scroll,view
来源: https://www.cnblogs.com/gsxm/p/16129589.html