dcloudio / dcloudio/uni-app

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

Open
#5,953 0 comments 0 reactions 0 assignees View on GitHub
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 均受影响)

### 截图或录屏

Image

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.