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