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);
}
相关推荐
天_真好4 小时前
小程序知识点总结1
小程序
gurenchang4 小时前
实现从一个微信小程序跳转到另一个微信小程序
微信小程序·小程序
编程毕设8 小时前
【含文档+PPT+源码】基于微信小程序的校园快递平台
微信小程序·小程序
mon_star°10 小时前
搭建基于火灾风险预测与防范的消防安全科普小程序
安全·微信小程序·小程序·微信公众平台
换日线°13 小时前
CSS常遇到自适应高度动画、带三角气泡阴影一行样式解决
css·微信小程序
yuanmenglxb200415 小时前
微信小程序核心技术栈
前端·javascript·vue.js·笔记·微信小程序·小程序
编程毕设16 小时前
【含文档+PPT+源码】基于微信小程序连锁药店商城
微信小程序·小程序
幽络源小助理16 小时前
微信小程序鲜花销售系统设计与实现
微信小程序·小程序
换日线°18 小时前
CSS简单实用的加载动画、骨架屏有效果图
css·微信小程序
10年前端老司机19 小时前
微信小程序wxs
前端·javascript·微信小程序