[H5] scroll-view 的 scrolltolower 在 PC 端鼠标滚轮到底后不会重新触发
- Dominant language
- JavaScript
- Stars
- 41.6k
- Forks
- 3.7k
- Avg merge
- 7h 6m
- Merged PRs (30d)
- 6
Description
### 发行方式
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 均受影响)
### 截图或录屏
Contributor guide
Assessment
This issue has not been assessed yet.