ios微信小程序禁用下拉上拉

第一步:

page.json配置页面的"navigationStyle":"custom"属性,禁止页面滑动

复制代码
"navigationStyle":"custom"

第二步:

页面里面使用scroll-view包裹内容,内容可以内部滑动

复制代码
<view class="content">
    <scroll-view scroll-y="true" :style="{height:scroll}" :show-scrollbar="false">
    </scroll-view>
</view>

配置scroll-view的高度

复制代码
this.scroll = uni.getWindowInfo().windowHeight + "px";

配置最外部标签的css属性,顶部颜色和底部颜色的渐变

复制代码
.content {
background-image: linear-gradient(to bottom, #92CCFF,#92CCFF,#92CCFF, #EFF5FF,#EFF5FF,#EFF5FF);
}
相关推荐
海兰13 小时前
【文字三国志:第六篇】天命重构,UI组件设计细节
人工智能·ui·语言模型·小程序
草根站起来15 小时前
微信小程序request net:ERR_CERT_DATE_INVALID
微信小程序·小程序
小北的AI科技分享18 小时前
广州小程序平台推荐:2026年本地商家数字化选型深度测评
小程序·广州小程序平台
MageGojo19 小时前
10 种主题随机诗词:一个 API 解决小程序的诗词内容源
python·小程序·古诗词·api 接入
青山科技分享19 小时前
2026北京小程序平台推荐——本地商家数字化选型全维度解析
小程序·小程序平台推荐
肖有米XTKF86461 天前
肖有米团队开发:青蓝山泉送水模式系统
小程序·团队开发·零售·csdn开发云
double_eggm1 天前
微信小程序7
微信小程序·小程序
程序鉴定师1 天前
上海小程序开发的坚实保障与行业优势解析
大数据·小程序
double_eggm2 天前
微信小程序8
微信小程序·小程序
MageGojo2 天前
小程序每日一谜怎么做:riddle 接口接入示例
windows·小程序·apache·谜语