pageScrollTo、env(safe-area-inset-bottom)

<template>
    <view class="" v-for="item in 50">{{item}}</view>
    <button @click="back">回到顶部</button>
    <view class="v">11</view>
</template>

<script setup>
    const back = () => {
        // 滚动屏幕
        uni.pageScrollTo({
            scrollTop:0, // 回到顶部
            duration: 1000 
        })
    }
    
</script>

<style scoped lang="scss">
    .v {
        height: env(safe-area-inset-buttom); // 获取不同手机类型下面的安全区域,例如home键
        background-color: #000;
    }
</style>

 

posted on 2025-03-02 15:10  ChoZ  阅读(22)  评论(0)    收藏  举报

导航