如何实现移动端弹出层弹出的时候页面不能滑动,关闭弹出层时页面恢复滑动
2015-09-14 17:42
537 查看
1. 更简单的方式:var jinzhi=0;
document.addEventListener("touchmove",function(e){
if(jinzhi==0){
e.preventDefault();
e.stopPropagation();
}
},false);
2. (1) 在你显示弹出框的时候:添加:
//显示 弹出div
function ShowDiv(){
……
window.ontouchmove=function(e){
e.preventDefault && e.preventDefault();
e.returnValue=false;
e.stopPropagation && e.stopPropagation();
return false;
}
};
(2) 在关闭弹层时,添加:
function CloseDiv()
{
……
window.ontouchmove=function(e){
e.preventDefault && e.preventDefault();
e.returnValue=true;
e.stopPropagation && e.stopPropagation();
return true;
}
};
document.addEventListener("touchmove",function(e){
if(jinzhi==0){
e.preventDefault();
e.stopPropagation();
}
},false);
2. (1) 在你显示弹出框的时候:添加:
//显示 弹出div
function ShowDiv(){
……
window.ontouchmove=function(e){
e.preventDefault && e.preventDefault();
e.returnValue=false;
e.stopPropagation && e.stopPropagation();
return false;
}
};
(2) 在关闭弹层时,添加:
function CloseDiv()
{
……
window.ontouchmove=function(e){
e.preventDefault && e.preventDefault();
e.returnValue=true;
e.stopPropagation && e.stopPropagation();
return true;
}
};
相关文章推荐
- iOS cocoapods
- Android EditText与第三方输入法删除键(退格键)冲突问题解决方案
- Android 使用动态加载框架DL进行插件化开发
- iOS开发:一个瀑布流的设计与实现(已实现缓存池功能,该功能使得瀑布流cell可以循环利用)
- IIS Express 的 applicationhost.config配置文件
- quick-3.5 绑定自定义C++类到Lua并使用cocos code ide 调式
- Android studio如何使用SVN进行版本控制?
- Android 开源项目PhotoView源码分析
- Android 安装apk代码
- Android.mk集成第三方jar与so的方法
- android SlidingUpPanel (一)
- android tools使用方式
- 获取手机安装的所有app列表
- 揭开手机app中摇一摇的神秘面纱
- Android之SD卡文件浏览器实现
- Android 实现简单的帧动画
- Android之SD卡上的文件读取
- Android JNI NDK 全程配置和运行demo,总结csdn所有博客自己提炼!!!!最易懂
- 如何在Android上使用OpenGL ES 2.0绘制点。
- 从头开始敲代码之《从BaseApplication/Activity开始》