ios系统中nvue页面,动态修改uni-app scroll-view组件的scroll-y属性时会失效,动态改成false也可以使页面正常滚动

ios系统中nvue页面,动态修改uni-app scroll-view组件的scroll-y属性时会失效,动态改成false也可以使页面正常滚动

开发环境 版本号 项目创建方式
Mac 13.2.1 HBuilderX

示例代码:

<template>  
  <scroll-view :scroll-y="isScroll" @scroll="scroll" style="height: 800rpx;">
    <view style="height: 400rpx;background-color: red;" @touchstart.stop.prevent="touchstart" 
    @touchmove.stop.prevent="touchmove" @touchend.stop.prevent="touchend">
    </view>
    <button @click="scrollT">123123</button>
    <view style="height: 400rpx;background-color: yellow;"></view>
    <view style="height: 400rpx;background-color: floralwhite;"></view>
    <view style="height: 400rpx;background-color: lawngreen;"></view>
  </scroll-view>
-</template>  
<script>  
export default {  
  data() {  
    return {  
      isScroll: true  
    }  
  },  
  watch: {  
    isScroll(newData) {  
      console.log(newData);  
    }  
  },  
  methods: {  
    scrollT() {  
      this.isScroll = false  
    },  
    touchstart(e) {  
      this.isScroll = true  
    },  
    touchmove(e) {},  
    touchend(e) {  
      this.isScroll = false  
    },  
  }  
}  
-</script>  

操作步骤:

ios系统,scroll-view组件里的元素,动态修改scroll-view组件的scroll-y属性时会失效,修改成false属性也可以正常滑动

预期结果:

ios支持动态关闭和开启scroll-y属性

实际结果:

ios不支持动态关闭和开启scroll-y属性

bug描述:

uniapp开发,ios系统,scroll-view组件里的dom元素触发touch事件,会和scroll-view组件的scroll事件同时触发,即使动态关闭scroll-view组件的scroll事件,也可以使scroll-view组件滚动,安卓可正常生效

附件:

RPreplay_Final1697438707.MP4_.zip


更多关于ios系统中nvue页面,动态修改uni-app scroll-view组件的scroll-y属性时会失效,动态改成false也可以使页面正常滚动的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部