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   ChoZ  阅读(2)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示