博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决 弹出层冒泡滚动问题
阅读量:4878 次
发布时间:2019-06-11

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

demo样式:

  demo  html:

			再别康桥			轻轻地,我走了,			正如我轻轻地来,			我轻轻的招手,			作别西天的云彩,						那河畔的金柳,			是天上的虹,			揉碎再浮藻间,			沉淀着彩虹似的梦再别康桥			轻轻地,我走了,			正如我轻轻地来,			我轻轻的招手,			作别西天的云彩,						那河畔的金柳,			是天上的虹,			揉碎再浮藻间,			沉淀着彩虹似的梦			再别康桥			轻轻地,我走了,			正如我轻轻地来,			我轻轻的招手,			作别西天的云彩,						那河畔的金柳,			是天上的虹,			揉碎再浮藻间,			沉淀着彩虹似的梦再别康桥			轻轻地,我走了,			正如我轻轻地来,			我轻轻的招手,			作别西天的云彩,						那河畔的金柳,			是天上的虹,			揉碎再浮藻间,			沉淀着彩虹似的梦		

  

  javascript:

//解决 弹出层冒泡滚动问题$.fn.extend({	"preventScroll":function(){				$(this).each(function(){			var _this = this;			if(navigator.userAgent.indexOf('Firefox') >= 0){   //firefox				_this.addEventListener('DOMMouseScroll',function(e){					_this.scrollTop += e.detail > 0 ? 60 : -60;   					e.preventDefault();				},false); 			}else{				var startY=endY=scrollTop=0;				var preventStart=false;				_this.addEventListener('touchstart',function(e){					preventStart=true;					scrollTop=_this.scrollTop;					var touch = event.targetTouches[0];					startY=touch.pageY;					e.preventDefault();				});				_this.addEventListener('touchmove',function(e){					if(!preventStart) return;					var touch = event.targetTouches[0];					endY=touch.pageY;										_this.scrollTop = scrollTop+(endY-startY)*-1;					e.preventDefault();				});				_this.addEventListener('touchend',function(){					preventStart=false;				});				_this.onmousewheel = function(e){   					e = e || window.event;   					_this.scrollTop += e.wheelDelta > 0 ? -60 : 60;   					return false;				};			}		})		}});
$(".popScrollEle").preventScroll();

  

转载于:https://www.cnblogs.com/litterfour/p/6656983.html

你可能感兴趣的文章
[转]Rails 3 | Bundler浅尝
查看>>
360,hold不住的流量吗?
查看>>
CocoaPods(第三方类库管理工具)
查看>>
linux 添加PATH路径
查看>>
湖南集训day5
查看>>
JQuery ajax页面跳转的效果设置
查看>>
linux定时任务crontab 实现如何每秒执行一次!
查看>>
java去除字符串的html标签
查看>>
初学JAVA——代码练习(验证字符串结束字符)
查看>>
使用flask_socketio实现客户端间即时通信
查看>>
android spannableString 替换 textview 中部分文字
查看>>
java 引用
查看>>
关于Spring注解@Async引发其他注解失效
查看>>
关于学习的一些感悟
查看>>
算法提高 概率计算
查看>>
UVa 12716 - GCD XOR(筛法 + 找规律)
查看>>
Spring Cloud学习资料
查看>>
制作无广告启动盘
查看>>
python使用httplib2访问REST服务的例子
查看>>
经典代码(01)
查看>>