阻止浏览器的滚轮的默认冒泡

来源:互联网 发布:数据库表字段命名规则 编辑:程序博客网 时间:2024/05/22 05:32

http://www.cnblogs.com/weekend001/archive/2011/05/11/2043474.html

/*阻止浏览器的滚轮的默认冒泡*/

(function($){
   $.fn.preventScroll = function(){
       var _this = this.get(0);
       if($.browser.mozilla){
           _this.addEventListener('DOMMouseScroll',function(e){
               _this.scrollTop += e.detail > 0 ? 60 : -60;   
               e.preventDefault();
           },false); 
       }else{
           _this.onmousewheel = function(e){   
               e = e || window.event;   
               _this.scrollTop += e.wheelDelta > 0 ? -60 : 60;   
               e.returnValue = false  
           };
       }
       return this;
   };

})(jQuery);


//出现了在ie,和谷歌中冒泡有不兼容的问题


/*浏览器滚动问题,冒泡问题的解决,兼容性问题*/if(Browser.IE){$("html").preventScroll();}else{$("body").preventScroll();}


/*判断是哪一种浏览器*/var Browser = (function(){    var ua = navigator.userAgent.toLowerCase();    return {        'IE': /msie/.test(ua),        'OPERA': /opera/.test(ua),        'MOZ': /gecko/.test(ua) && !/(compatible|webkit)/.test(ua),        'IE5': /msie 5/.test(ua),        'IE55': /msie 5\.5/.test(ua),        'IE6': /msie 6/.test(ua),        'IE7': /msie 7/.test(ua),        'IE8': /msie 8/.test(ua),        'IE9': /msie 9/.test(ua),        'IE10': /msie 10/.test(ua),        'SAFARI': !/chrome\/([\d.]*)/.test(ua) && /\/([\da-f.]*) safari/.test(ua),        'CHROME': /chrome\/([\d.]*)/.test(ua),        'IPAD':/\(ipad/i.test(ua),        'IPHONE':/\(iphone/i.test(ua),        'ITOUCH':/\(itouch/i.test(ua),        'MOBILE':/mobile/i.test(ua),        'LIE' : /msie [5678]/i.test(ua)    };})();



0 0
原创粉丝点击