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);
}
相关推荐
2501_915918417 小时前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview
说私域8 小时前
从品牌附庸到自我表达:定制开发开源AI智能名片S2B2C商城小程序赋能下的营销变革
人工智能·小程序
難釋懷8 小时前
第一个小程序
小程序
春哥的研究所8 小时前
可视化DIY小程序工具!开源拖拽式源码系统,自由搭建,完整的源代码包分享
小程序·开源·开源拖拽式源码系统·开源拖拽式源码·开源拖拽式系统
weixin_lynhgworld8 小时前
盲盒一番赏小程序技术实现方案:高并发与防作弊的平衡之道
小程序
今日热点10 小时前
小程序主体变更全攻略:流程、资料与异常处理方案
经验分享·微信·小程序·企业微信·微信公众平台·微信开放平台
鸭鸭梨吖14 小时前
微信小程序---下拉框
微信小程序·小程序
CRMEB定制开发15 小时前
CRMEB Pro版前端环境配置指南
前端·微信小程序·uni-app·商城源码·微信商城·crmeb
mon_star°17 小时前
搭建一款结合传统黄历功能的日历小程序
微信·微信小程序·小程序·微信公众平台
The_era_achievs_hero17 小时前
微信小程序91~100
微信小程序·小程序