运行上面的代码
z***@ygsoft.com
- 发布：2024-03-21 09:08
- 更新：2024-03-21 09:52
- 阅读：160
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 11 专业版
HBuilderX类型： 正式
HBuilderX版本号： 3.99
手机系统： Android
手机系统版本号： Android 12
手机厂商： 华为
手机机型： OPPO Reno4 SE 5G
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
scroll-view 事件能触发
scroll-view 事件能触发
实际结果：
scroll-view 事件不能触发
scroll-view 事件不能触发
bug描述：
<template>
<page-meta page-font-size="12px" root-font-size="12px"></page-meta>
<scroll-view style="height: 100%;" scroll-y="true" @scroll="scroll" @scrolltolower="loadMore">
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
</scroll-view>
</template>
<script>
export default {
methods: {
loadMore() {
console.log("loadMore")
},
scroll() {
console.log("scroll")
}
}
}
</script> 目前测试了 H5、APP、真机调试都有问题。
修改 scroll-view 的高度（style="height: 100%;"），不使用%改成px就能触发。
z***@ygsoft.com (作者)
不加 page-meta 时，scroll-view 加 100% 是可以的，加了 page-meta 就不行了
2024-03-21 10:09
困难总比办法多
回复 z***@ygsoft.com: 你确定scroll-view 加 100% 时 @scrolltolower="loadMore" 会触发？
2024-03-21 10:35
困难总比办法多
回复 z***@ygsoft.com: 你可以新建一个hellworld 工程把你的代码复制运行到浏览器 排除你的代码影响
2024-03-21 10:39
z***@ygsoft.com (作者)
回复 1***@qq.com: 是的，直接把上面的代码复制一份，去掉 page-meta 组件就可以了，都能触发。
2024-03-21 11:09
困难总比办法多
回复 1***@qq.com: 我这边试过 是正常的，scroll-view 为 100% ，无法触发，官网对于scroll-view的这一块有说明的，竖向滚动时必须指定高度
2024-03-21 11:40