照相
照相
  • 发布:2022-02-12 14:32
  • 更新:2022-03-07 17:55
  • 阅读:359

在vue3中,uni.pageScrollTo中的duration无效,将其设置为0,但仍然有滚动动画,在vue2中正常

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 11.6

HBuilderX类型: 正式

HBuilderX版本号: 3.3.11

浏览器平台: Chrome

浏览器版本: 97.0.4692.71(正式版本) (x86_64)

项目创建方式: HBuilderX

示例代码:
<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>  

操作步骤:

运行demo项目,点击列表中的任意一个item,列表会滚动到底部

预期结果:

应该瞬间滚动到底部

实际结果:

滚动到底部有滚动动画,不是瞬间的

bug描述:

在vue3中,uni.pageScrollTo中的duration无效,将其设置为0,但仍然有滚动动画,在vue2中正常

2022-02-12 14:32 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

已确认,下个版本修复

FullStack

FullStack - 【插件开发】【专治疑难杂症】【解决问题 >50$】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【骗子请绕道】QQ:543610866

duration 小于1的时候,比等于1的时候,动画很明显
已验证,确实存在,ios 和 android也存在这个情况

DCloud_UNI_Anne

DCloud_UNI_Anne

HBuilderX alpha 3.4.0+ 已修复该问题

  • 者行孙

    重大BUG,pageScrollTo 一调用直接导致APP重启

    2022-03-08 14:01

要回复问题请先登录注册