使用 scroll-view 组件动态设置 scrollTop 在 h5 导致不显示数据,微信小程序中会存在回弹问题
- Dominant language
- JavaScript
- Stars
- 41.6k
- Forks
- 3.7k
- Avg merge
- 7h 6m
- Merged PRs (30d)
- 6
Description
**问题描述**
在线聊天上拉加载历史数据:先通过 `uni.createSelectorQuery` 记录请求数据之前的高度,然后在请求成功后再次查询节点高度,并且计算 `scrollTop` 应该滚动的高度。
问题:1. 在 h5 页面中会存在滚动条滚动到指定位置了但是**页面没有任何数据**(模拟器上没有问题,**真机上复现-ios16.1.1**,用同事的小米就没有该问题)
2. 在微信小程序中会存在**回弹**
**复现步骤**
[uni-app-demo.zip](https://github.com/dcloudio/uni-app/files/11165639/uni-app-demo.zip)
1. 安装依赖
2. `node .\server\index.js`
3. 修改接口测试地址,`src/components/im/chat/Content.vue` 92 行改为本地 ip
4. 打包成 h5 和小程序进行测试
**预期结果**
h5 正常显示,小程序不再回弹
**实际结果**
1. 在 h5 页面中会存在滚动条滚动到指定位置了但是**页面没有任何数据**(模拟器上没有问题,**真机上复现-ios16.1.1**,用同事的小米就没有该问题)
2. 在微信小程序中会存在**回弹**
**系统信息:**
uni-app v3.7.12
uni-app cli v2.0.2-alpha-3071220230324001
Environment Info:
System:
OS: Windows 10
CPU: (8) x64 Intel(R) Core(TM) i5-8250U CPU @ 1.60GHz
Binaries:
Node: 16.17.0 - E:\node\node.EXE
Yarn: 1.22.19 - E:\Yarn\bin\yarn.CMD
npm: 8.15.0 - E:\node\npm.CMD
Browsers:
Edge: 44.19041.1266.0
npmPackages:
@dcloudio/types: * => 3.2.11
@dcloudio/uni-app: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-app-plus: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-app-plus-nvue: 0.0.1
@dcloudio/uni-app-plus-nvue-v8: 0.0.1
@dcloudio/uni-automator: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-cli-i18n: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-cli-shared: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-h5: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-helper-json: * => 1.0.13
@dcloudio/uni-i18n: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-migration: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-360: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-alipay: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-baidu: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-jd: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-kuaishou: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-lark: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-qq: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-toutiao: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-vue: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-weixin: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-mp-xhs: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-quickapp-native: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-quickapp-webview: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-stacktracey: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-stat: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-template-compiler: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/uni-ui: 1.4.11 => 1.4.11
@dcloudio/vue-cli-plugin-hbuilderx: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/vue-cli-plugin-uni: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/vue-cli-plugin-uni-optimize: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/webpack-uni-mp-loader: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@dcloudio/webpack-uni-nvue-loader: 0.0.1
@dcloudio/webpack-uni-pages-loader: 2.0.2-alpha-3071220230324001 => 2.0.2-alpha-3071220230324001
@hap-toolkit/dsl-vue: 0.6.13
@vue/babel-helper-vue-jsx-merge-props: 1.4.0
@vue/babel-helper-vue-transform-on: 1.0.2
@vue/babel-plugin-jsx: 1.1.1
@vue/babel-plugin-transform-vue-jsx: 1.4.0
@vue/babel-preset-app: 4.5.19
@vue/babel-preset-jsx: 1.4.0
@vue/babel-sugar-composition-api-inject-h: 1.4.0
@vue/babel-sugar-composition-api-render-instance: 1.4.0
@vue/babel-sugar-functional-vue: 1.4.0
@vue/babel-sugar-inject-h: 1.4.0
@vue/babel-sugar-v-model: 1.4.0
@vue/babel-sugar-v-on: 1.4.0
@vue/cli-overlay: 4.5.19
@vue/cli-plugin-babel: ~4.5.0 => 4.5.19
@vue/cli-plugin-router: 4.5.19
@vue/cli-plugin-vuex: 4.5.19
@vue/cli-service: ~4.5.0 => 4.5.19
@vue/cli-shared-utils: 4.5.19
@vue/component-compiler-utils: 3.3.0 (3.3.0)
@vue/composition-api: 1.7.0
@vue/devtools-api: 6.0.0-beta.15
@vue/preload-webpack-plugin: 1.1.2
@vue/shared: 3.0.0 => 3.0.0
@vue/web-component-wrapper: 1.3.0
mpvue-page-factory: 1.0.1
mpvue-template-compiler: 1.0.13
uni-h5-vue: 2.6.10
uni-mp-vue: 2.6.10
vue: 2.6.11 => 2.6.11
vue-hot-reload-api: 2.3.4
vue-loader: 15.10.1 (16.8.3, 15.10.1)
vue-router: 3.0.1
vue-style-loader: 4.1.3 (4.1.3)
vue-template-compiler: 2.6.11 => 2.6.11 (2.7.14)
vue-template-es2015-compiler: 1.9.1
vue3: 1.0.0
vuex: 3.2.0 => 3.2.0 (3.6.2, 3.2.0)
npmGlobalPackages:
@vue/cli: Not Found
Contributor guide
Assessment
This issue has not been assessed yet.