微信小程序弹窗打开时，控制页面不能滚动

问题：微信小程序里，页面上有一个弹窗，弹窗里有可滚动列表，弹窗列表滚动时页面的列表也会滚动。

解决方法：在wxml页面上添加<page-meta page-style="{{ cartShow ? 'overflow: hidden;' : '' }}" />
通过控制cartShow，打开弹窗时，让页面不能滚动，关闭页面时，让页面恢复滚动。

注意事项：page-meta

基础库 2.9.0 开始支持，低版本需做兼容处理。微信 Windows 版：支持微信 Mac 版：支持

功能描述

页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。可以配合 navigation-bar 组件一同使用。

通过这个节点可以获得类似于调用 wx.setBackgroundTextStyle wx.setBackgroundColor 等接口调用的效果。
文档说明

微信小程序弹窗打开时，控制页面不能滚动相关推荐

微信小程序 - 自定义组件中类似页面 onShow 的页面显示就触发的生命周期钩子函数（页面回退时更新数据常用, 例如回退页面更新子组件数据, 回退更新子组件中 data 内容）
前言在微信小程序中,用户回退页面触发更新数据的操作,一般都是在页面 onShow() 中写上执行更新的函数即可. 但如果咱们把数据和方法都写在了自定义子组件中,那么用户回退页面时, 更新数据就成了 ...
微信小程序云开发如何将页面生成为pdf?
项目场景: 最近有小伙伴问了一个问题,那就是微信小程序云开发如何将页面生成为pdf?但是在没有后端工程师的协助下,我们要怎么办了? 解决方案: 于是便逛了一下微信社区,但很遗憾腾讯baba没有给出相应 ...
自学微信小程序开发第五天- 页面切换相关
自学微信小程序开发第五天- 页面切换相关创建多个页面页面间跳转页面间传值另一个页面跳转的方式(重定向) 点击跳转元素时的样式导航API 研究过页面样式设计后,就是多页面的呈现了,这就需要研究 ...
微信小程序等待几秒、_微信小程序应用打开很慢怎么办？附解决方案
微信小程序应用打开已经是当下最热门的话题,下面将从多方面来谈谈微信小程序应用打开很慢怎么办?附解决方案相关的内容. 小程序科普类的文章已经很多了,今天这里讲的是针对小程序的优化方法,可以有效提高小程序 ...
php自定义弹窗,微信小程序弹窗自定义的代码
这篇文章主要介绍了微信小程序弹窗自定义实例代码的相关资料,有时候做开发项目的时候需要根据客户需求更改原系统的组件,这里就对小程序中弹窗进行更改,需要的朋友可以参考下微信小程序弹窗首先wxml代 ...
微信小程序页面生成html,微信小程序教程系列之新建页面（4）
例如在web的开发中,新建一个页面只需要新建一个html文件即可. 但是到在微信小程序中,新建一个页面也不只是新建一个wxml文件,那么该如何做呢?下面我们一起来学习新建一个页面的步骤: 1> ...
uniApp和微信小程序好看的我的页面（有源码）
uniApp和微信小程序好看的我的页面(有源码) 1.先睹为快未登录状态以登录 uniapp源码 <template><view class="content" ...
微信小程序中使用全局变量解决页面的传值问题
微信小程序中使用全局变量解决页面的传值问题由于项目需要,最近便在做一个类似于美团的餐饮平台的的微信微信小程序 ,项目有十几个页面,那么页面间的传值被经常用到.在小程序中页面间的传值主要有使用全局变 ...
【TB-02模组专题⑤】微信小程序通讯TB02 模块控制 STM32 单片机LED灯
本<安信可ble mesh蓝牙模组TB-02模组专题>系列博客学习由官方博客 CSDN安信可博客潜心所力所写.如有不对之处,请留言,我们及时更改. 1.BLE MESH开发环境linux ...

微信小程序弹窗打开时，控制页面不能滚动

问题：微信小程序里，页面上有一个弹窗，弹窗里有可滚动列表，弹窗列表滚动时页面的列表也会滚动。

注意事项：page-meta

微信小程序弹窗打开时，控制页面不能滚动相关推荐

最新文章

热门文章