[H5] scroll-view 的 scrolltolower 在 PC 端鼠标滚轮到底后不会重新触发

[cristi1965]

发行方式

H5

具体平台

Client: Mac, MacOS 10.15.7
UA: rebeccaPC QT_CEF Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36

开发环境

macOS

项目创建方式

CLI命令行

Vue 版本

vue2

依赖版本

"@dcloudio/uni-automator": "^2.0.1-36220220914001",
"@dcloudio/uni-cli-i18n": "^2.0.1-36220220914001",
"@dcloudio/uni-cli-shared": "^2.0.1-36220220914001",
"@dcloudio/uni-migration": "^2.0.1-36220220914001",
"@dcloudio/uni-template-compiler": "^2.0.1-36220220914001",
"@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.1-36220220914001",
"@dcloudio/vue-cli-plugin-uni": "^2.0.1-36220220914001",
"@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.1-36220220914001",
"@dcloudio/webpack-uni-mp-loader": "^2.0.1-36220220914001",
"@dcloudio/webpack-uni-pages-loader": "^2.0.1-36220220914001",

问题描述

H5 平台下，scroll-view 组件在 PC 端使用鼠标滚轮 滚动到底部后，如果数据加载完成（内容高度增加），继续向下滚动时 scrolltolower 不会再次触发，需要先向上滚动再向下滚动才能触发。

在手机端（触摸滚动）表现正常。

重现步骤

1. 在 H5 平台用 PC 浏览器打开页面
2. scroll-view 设置 scroll-y，绑定 @scrolltolower 实现分页加载
3. 鼠标滚轮滚动到底部，触发第一次 scrolltolower → 正常
4. 新数据加载完成后，继续鼠标滚轮向下滚动
5. 预期：再次触发 scrolltolower
6. 实际：不触发，必须先向上滚动再向下滚动才能触发

期望行为

正常滚动

实际行为

H5 平台下，scroll-view 组件在 PC 端使用鼠标滚轮 滚动到底部后，如果数据加载完成（内容高度增加），继续向下滚动时 scrolltolower 不会再次触发，需要先向上滚动再向下滚动才能触发。

在手机端（触摸滚动）表现正常。
uni-app (Vue 2 & Vue 3 均受影响)

截图或录屏