<template>
<view class="content">
<view class="item" v-for="(item,index) in list" :key="index" @click="scrollToBottom">
{{item}}
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: []
}
},
onLoad() {
let list = [];
for(let i = 0;i < 100;i++){
list.push(i);
}
this.list = list;
},
methods: {
scrollToBottom(){
uni.pageScrollTo({
scrollTop: Number.MAX_VALUE,
duration: 0,
});
}
}
}
</script>
<style>
.item {
text-align: center;
padding: 50rpx;
border-bottom: solid 1px #eeeeee;
}
</style>
- 发布:2022-02-12 14:32
- 更新:2022-03-07 17:55
- 阅读:1154
产品分类: uniapp/H5
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 11.6
HBuilderX类型: 正式
HBuilderX版本号: 3.3.11
浏览器平台: Chrome
浏览器版本: 97.0.4692.71(正式版本) (x86_64)
项目创建方式: HBuilderX
示例代码:
操作步骤:
运行demo项目,点击列表中的任意一个item,列表会滚动到底部
运行demo项目,点击列表中的任意一个item,列表会滚动到底部
预期结果:
应该瞬间滚动到底部
应该瞬间滚动到底部
实际结果:
滚动到底部有滚动动画,不是瞬间的
滚动到底部有滚动动画,不是瞬间的
bug描述:
在vue3中,uni.pageScrollTo中的duration无效,将其设置为0,但仍然有滚动动画,在vue2中正常
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866
duration 小于1的时候,比等于1的时候,动画很明显
已验证,确实存在,ios 和 android也存在这个情况