禁止小程序scroll-view或view橡皮筋回弹效果

一、页面无滚动区域;直接在json文件添加配置;
{
  "disableScroll":true
}
二、 页面有滚动区域,滚动区域通过view模拟实现或使用scroll-view;IOS中都会有回弹效果;
<scroll-view class="set_new_work_bg" scroll-y="{{true}}" enhanced="{{true}}" bounces="{{false}}">
</scroll-view>

禁止小程序scroll-view或view橡皮筋回弹效果_第1张图片

如果涉及到tab切换的情况可能会使禁止回弹效果失效,解决方案如下

//不要使用hidden即可;
<scroll-view scroll-y enhanced="{{true}}" bounces="{{false}}" wx:if="{{tabState === 1}}" class="scroll_view">
  <view class="form_box">
  </view>
</scroll-view>
<scroll-view scroll-y enhanced="{{true}}" bounces="{{false}}" wx:elseclass="scroll_view">
  <view class="form_box">
  </view>
</scroll-view>

你可能感兴趣的:(页面样式,前端,小程序)