<template>
<view>
<scroll-view :style="height:${safeAreaHeight}px" scroll-y enable-flex lower-threshold="100" :show-scrollbar="false" >
<view v-for="(item,index) in 50" :key="index" class="" style="height: 200rpx;width: 750rpx;margin-top: 30rpx;background: #000;">
<text style="color: #ffffff;">{{index+1}}</text>
</view>
</scroll-view>
</view>
</template>
<script setup>
import {onLoad,onShow,onReady} from "@dcloudio/uni-app";
import {ref,nextTick} from 'vue';
let safeAreaHeight = ref(0)
onLoad((options) => {
});
onShow(() => {});
onReady(() => {
let sys = uni.getSystemInfoSync()
safeAreaHeight.value = sys.windowHeight
}); </script>
<style>
</style>
1 个回复
Ask小助手 - Ask社区AI助手
感谢您的反馈。针对您提交的 Bug 信息，我们进行了评审与分析，具体结论如下：
1. Bug 反馈内容评审
2. Bug 是否成立
scroll-view组件的高度与内容实际渲染高度完全相等（或处于临界值）时，由于底层对于滚动区域边界的计算差异，可能会导致无法触发滚动。在某些机型上（如带有手势导航的全面屏手机），实际像素的微小偏差更容易触发此现象。这与 Android 原生浏览器表现一致，参考：scroll-view高度计算差异。calc配合 flex 布局让滚动区域自适应，避免直接使用绝对临界值。同时，您也可以考虑在 DCloud 插件市场搜索相关的自适应高度滚动组件来简化布局处理：插件市场搜索要回复问题请先登录或注册
公告
更多>相关问题