<template>
<view class="content">
<movable-area style="width: 750rpx;height: 600rpx;background-color: red;">
<movable-view :out-of-bounds="true" direction="vertical" @change="change" style="width: 750rpx;height: 600rpx;">
<scroll-view scroll-y="true" @scroll="scroll" style="width: 750rpx;height: 600rpx;background-color: blue;">
<view v-for="i in 30" :key="i">{{i}}</view>
</scroll-view>
</movable-view>
</movable-area>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
change(e){
console.log(e)
},
scroll(e){
console.log(e)
}
}
}
</script>
<style></style>
3***@qq.com
- 发布：2021-07-27 21:54
- 更新：2021-07-30 08:59
- 阅读：395
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10企业版
HBuilderX类型： 正式
HBuilderX版本号： 3.1.22
浏览器平台： Chrome
浏览器版本： 版本 68.0.3440.75（正式版本） （64 位）
项目创建方式： HBuilderX
示例代码：
操作步骤：
将movable-view滚动到顶部，同时将scroll-view滚动到顶部，执行单手下拉操作
将movable-view滚动到顶部，同时将scroll-view滚动到顶部，执行单手下拉操作
预期结果：
期望 触发movable-view的change事件，并使movable-view正常的跟手 产生滑动操作（out-of-bounds=true，希望下拉的时候 能正常拉出屏幕一点点）
期望 触发movable-view的change事件，并使movable-view正常的跟手 产生滑动操作（out-of-bounds=true，希望下拉的时候 能正常拉出屏幕一点点）
实际结果：
无任何反应，既不会触发movable-view的change事件，也不会触发scroll-view的scroll事件
无任何反应，既不会触发movable-view的change事件，也不会触发scroll-view的scroll事件
bug描述：
3.1.22.20210707
- App平台、H5平台 修复 scroll-view 下拉刷新错误触发的Bug 详情
这个问题在修复之后，App平台、H5平台，导致 movable-area 嵌套 scroll-view 之后，下拉操作触发不了movable-area的change事件，并且movable-area不会动
1 个回复
3***@qq.com (作者)
用movable嵌套scroll 这还是一个前辈的 自定义 上拉加载 下拉刷新的 写法，，现在将scroll更新了一下，这个优秀的插件直接基本都废完了。唉