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);
}
相关推荐
郑州光合科技余经理2 小时前
海外O2O系统源码剖析:多语言、多货币架构设计与二次开发实践
java·开发语言·前端·小程序·系统架构·uni-app·php
CHU7290359 小时前
定制专属美丽时刻:美容预约商城小程序的贴心设计
前端·小程序
hnxaoli16 小时前
统信小程序(十)nutika打包elf格式程序
小程序
CHU72903516 小时前
家门口的邻里集市:社区团购小程序的功能探索
小程序
hnxaoli16 小时前
统信小程序(十一)快捷地址栏
linux·python·小程序
职豚求职小程序19 小时前
中国人保财险笔试如何通过?附刷题库小程序
小程序
chushiyunen20 小时前
python轻量级框架flask、做桌面小程序
python·小程序·flask
笨笨狗吞噬者20 小时前
【uniapp】小程序支持分包存放微信自定义组件 wxcomponents
前端·微信小程序·uni-app
蓝色心灵-海21 小时前
小律书 技术架构详解:前后端分离的自律管理系统设计
java·http·小程序·架构·uni-app
00后程序员张1 天前
iPhone 无需越狱文件管理 使用Keymob查看导出文件
android·ios·小程序·https·uni-app·iphone·webview