uni-app ios端微信小程序input框层级过高出现滚动问题

文章讲述了在Vue应用中,如何在父组件中设置滚动策略,如`.orderDetail`的CSS样式,以及在子组件中使用`uni-easyinput`时,通过`always-embed`属性和`pages.json`中的`disableScroll`属性来控制滚动行为,特别提及了对iOS弹窗输入框滚动的处理。
摘要由CSDN通过智能技术生成

1.父组件添加css

.orderDetail {
        padding-bottom: 200rpx;
        height: calc(100vh - 200rpx);
        overflow: scroll;

}

子组件 中  <uni-easyinput></uni-easyinput> 添加属性 :always-embed='true'

pages.json中添加 "disableScroll": true,

{
                    "path": "myOrder/orderDetail",
                    "style": {
                        "navigationBarTitleText": "订单详情",
                        "enablePullDownRefresh": false,
                        "disableScroll": true,  // ios弹窗遮罩层输入框会滚动添加的属性
                        "app-plus": {
                            "bounce": "none"
                        } // 防止ios端上下拖动
                    }
                },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值