博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
禁止浏览器上下拖拽方法
阅读量:6376 次
发布时间:2019-06-23

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

在触屏写的一些弹层总会引发不同浏览器里面的bug。

比如下图左侧窗口出现的时候,用户在拖拽右侧的body区域就会在某些浏览器里引发一些bug。

索性干掉这个方法,在弹层显示时不让用户拖拽页面。

引用的方法

//body一屏显示禁止上下拖拽

setPreventDefault.start();

//取消事件

setPreventDefault.end();

/*禁止浏览器滚动*/	var setPreventDefault = {		hasClass: false,//判断有没有插入样式	    oldScrollTop : 0,/*记录滚动条位置*/	    docEle : document.documentElement,	    /*开始*/	    start:function(){	    	if(!this.hasClass){this.addClass();}	        this.oldScrollTop = this.docEle.scrollTop || document.body.scrollTop;	        this.docEle.className = 'setPreventDefault';	    },	    /*结束*/	    end:function(){	         this.docEle.className = '';	        window.scrollTo(0,this.oldScrollTop);	    },	    addClass:function(){	    	var style = document.createElement('style');	    	style.innerHTML = '.setPreventDefault,.setPreventDefault body{height:100%;width:100%; position:absolute;top:0;left:0;overflow:hidden}';	    	document.body.appendChild(style);	    	this.hasClass = true;	    }	};

  

 

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

你可能感兴趣的文章
poj 1258 -- Agri-Net
查看>>
软件测试 -- 在配置测试中,如何判断发现的缺陷是普通问题还是特定的配置问题?...
查看>>
软件项目测试作业2
查看>>
[UML]UML系列——类图class的依赖关系
查看>>
初涉WebGL
查看>>
移动开发--移动web特别样式处理
查看>>
插入排序
查看>>
Android的布局优化之include、merge 、viewstub
查看>>
cocos2d-x中的内存管理机制
查看>>
npm下载模块提速方法
查看>>
2017易观OLAP算法大赛
查看>>
QT 4.8 静态库编译方法
查看>>
小程序授权代码示例
查看>>
WinForm中重绘TabControl选项卡标题
查看>>
实验五 数据结构综合应用
查看>>
Error instantiating class com.eaju.pojo.UserInfo with invalid types () or values ()
查看>>
unable to load default svn client
查看>>
数据库相关
查看>>
后缀数组 POJ 1743 Musical Theme
查看>>
python基础——认识(if __name__ == ‘__main__’:)
查看>>