sard-uniapp/components/back-top/usePageBackTop.js

sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库

import { onPageScroll } from '@dcloudio/uni-app';
import { ref } from 'vue';
export function usePageBackTop(duration = 300) {
    const scrollTop = ref(0);
    onPageScroll((event) => {
        scrollTop.value = event.scrollTop;
    });
    const onClick = () => {
        uni.pageScrollTo({
            scrollTop: 0,
            duration,
        });
    };
    return {
        scrollTop,
        onClick,
    };
}