博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序 弹出层 禁止页面滚动的方法
阅读量:4095 次
发布时间:2019-05-25

本文共 306 字,大约阅读时间需要 1 分钟。

场景描述

添加自定义的弹出框后,当滚动鼠标时下边的页面也会跟着滚动。

解决方案

为了在遮罩出现的时候禁止用户滑动页面,如下处理:

给这个遮罩层 绑定事件: 使用 catchtouchmove

(1)在弹出层上添加 catchtouchmove=’true’

...

(2)也可以绑定有一个空事件

我是遮罩层
function noneEnoughPeople(){ console.log('啥也不干就行,空函数哈哈哈'); }

注意:开发工具的模拟器上没有效果,必须真机测试,真机上才有效果。

转载地址:http://xovii.baihongyu.com/

你可能感兴趣的文章
(python版)《剑指Offer》JZ28:数组中出现次数超过一半的数字
查看>>
(python版)《剑指Offer》JZ30:连续子数组的最大和
查看>>
(python版)《剑指Offer》JZ32:把数组排成最小的数
查看>>
(python版)《剑指Offer》JZ02:替换空格
查看>>
JSP/Servlet——MVC设计模式
查看>>
使用JSTL
查看>>
Java 8新特性:Stream API
查看>>
管理用户状态——Cookie与Session
查看>>
最受欢迎的前端框架Bootstrap 入门
查看>>
JavaScript编程简介:DOM、AJAX与Chrome调试器
查看>>
通过Maven管理项目依赖
查看>>
通过Spring Boot三分钟创建Spring Web项目
查看>>
Spring的IoC(依赖注入)原理
查看>>
Guava快速入门
查看>>
Java编程基础:static的用法
查看>>
Java编程基础:抽象类和接口
查看>>
Java编程基础:异常处理
查看>>
Java编程基础:了解面向对象
查看>>
新一代Java模板引擎Thymeleaf
查看>>
Spring MVC中使用Thymeleaf模板引擎
查看>>