<template>
<page-container :active="active">
<scroll-view class="content" :bounces="true" scroll-y="true">
<refresh>
<text>Refreshing...</text>
</refresh>
<image class="logo" src="/static/logo.png" />
<view class="text-area">
<text class="title">
{{ title }}
</text>
</view>
<view @click="gotoLogin">
去登录
</view>
<view @click="open">
open
</view>
<uni-popup ref="popup" type="center">
<view>一个弹窗</view>
</uni-popup>
<mg-button title="隐私协议" @click="gotoPrivacy" />
</scroll-view>
</page-container>
</template>
<script setup lang="ts">
import PageContainer from './page-container.nvue';
defineProps({
active: {
type: Boolean,
default: false,
},
});
import MgButton from '@/components/MgButton/MgButton.vue';
import { ref } from 'vue';
const jpushModule = uni.requireNativePlugin('JG-JPush');
const title = ref('Hello');
const gotoLogin = () => {
uni.navigateTo({
url: '/pages/login/index',
});
};
const popup = ref();
const open = () => {
popup.value.open('top');
};
const gotoPrivacy = () => {
};
</script>
<style scoped>
.content {
background-color: #f3f4f7;
flex: 1;
}
</style>
y***@hotmail.com
- 发布：2025-02-15 20:45
- 更新：2025-02-15 22:40
- 阅读：19
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： Macos 15.3 (24D60)
HBuilderX类型： 正式
HBuilderX版本号： 4.52
手机系统： iOS
手机系统版本号： iOS 18
手机厂商： 苹果
手机机型： iphone 16
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
如代码
如代码
预期结果：
内容高度不高于scrollview时，有bounce效果，无法下拉进行刷新
内容高度不高于scrollview时，有bounce效果，无法下拉进行刷新
实际结果：
内容高度不高于scrollview时，没有bounce效果，可以下拉进行刷新
内容高度不高于scrollview时，没有bounce效果，可以下拉进行刷新
bug描述：
如题
1 个回复
y***@hotmail.com (作者)
iOS 平台默认情况下滚动容器组件（如list、waterfall组件）内容不足时，由于没有撑满容器的可视区域会导致无法上下滚动，此时无法操作下拉刷新功能，无法触发refresh组件的@refresh、@pullingdown事件。 此时可在容器组件中配置alwaysScrollableVertical属性值为true来设置支持上下滚动，支持下拉刷新操作