uni-app uni.pageScrollTo duration 失效，没有过渡效果

在使用 uni-app 的 uni.pageScrollTo 方法时，如果发现 duration 参数失效，导致没有过渡效果，可能是因为以下几个原因：

1. 平台差异

• uni.pageScrollTo 的 duration 参数在某些平台（如微信小程序）可能不支持或表现不一致。不同的平台对 duration 的实现可能有所不同，导致过渡效果失效。

2. 页面结构问题

• 如果页面内容高度不足，或者页面没有滚动区域，uni.pageScrollTo 可能无法正常触发滚动动画。确保页面内容足够长，能够产生滚动效果。

3. 代码实现问题

• 检查代码中是否正确使用了 uni.pageScrollTo 方法。确保 duration 参数传递的是数字类型，且值在合理范围内（通常为毫秒数）。

4. 版本问题

• 确保使用的 uni-app 版本是最新的，或者至少是支持 duration 参数的版本。某些旧版本可能存在 Bug，导致 duration 参数失效。

解决方案

1. 检查代码

确保代码正确调用 uni.pageScrollTo，并且 duration 参数是有效的。例如：

uni.pageScrollTo({
    scrollTop: 500, // 滚动到的位置
    duration: 1000, // 过渡时间，单位为毫秒
    success: () => {
        console.log('滚动完成');
    },
    fail: (err) => {
        console.log('滚动失败', err);
    }
});

2. 检查页面结构

确保页面有足够的内容来产生滚动效果。可以在页面中添加一些占位内容，例如：

<view style="height: 2000px;">
    <!-- 页面内容 -->
</view>

3. 检查平台支持

如果特定平台不支持 duration 参数，可以考虑使用其他方式实现滚动效果，或者在特定平台上禁用过渡效果。

4. 更新 uni-app 版本

如果问题依然存在，尝试更新 uni-app 到最新版本，以确保使用的是最新修复的版本。

示例代码

以下是一个完整的示例代码，展示了如何在 uni-app 中使用 uni.pageScrollTo 并确保 duration 参数有效：

<template>
    <view>
        <button @click="scrollToTop">滚动到顶部</button>
        <view style="height: 2000px; background-color: #f0f0f0;">
            <!-- 页面内容 -->
        </view>
    </view>
</template>

<script>
export default {
    methods: {
        scrollToTop() {
            uni.pageScrollTo({
                scrollTop: 0,
                duration: 1000,
                success: () => {
                    console.log('滚动完成');
                },
                fail: (err) => {
                    console.log('滚动失败', err);
                }
            });
        }
    }
}
</script>