/* jquery.nicescroll -- version 2.3.1 FASTLANE -- FASTLANE is a bleeding edge version, not fully tested, only for last-hours issue fix -- copyright 2011 InuYaksa*2011 -- licensed under the MIT -- -- http://areaaperta.com/nicescroll -- https://github.com/inuyaksa/jquery.nicescroll -- */ (function($){ // globals var domfocus = false; var mousefocus = false; var zoomactive = false; var tabindexcounter = 5000; // http://stackoverflow.com/questions/2161159/get-script-path function getScriptPath() { var scripts= document.getElementsByTagName('script'); var path= scripts[scripts.length-1].src.split('?')[0]; return (path.split('/').length>0) ? path.split('/').slice(0,-1).join('/')+'/' : ''; } var scriptpath = getScriptPath(); var NiceScrollClass = function(myopt) { var self = this; this.version = '2.3.1-FL'; this.name = 'nicescroll'; this.opt = { doc:$("body"), win:false, zindex:9000, cursoropacitymin:0, cursoropacitymax:1, cursorcolor:"#424242", cursorwidth:"5px", cursorborder:"1px solid #fff", cursorborderradius:"5px", scrollspeed:60, mousescrollstep:8*6, touchbehavior:false, hwacceleration:true, usetransition:true, boxzoom:false, dblclickzoom:true, gesturezoom:true, grabcursorenabled:true, autohidemode:true, background:"", iframeautoresize:true }; if (myopt||false) { for(var a in self.opt) { if (myopt[a]!==undefined) self.opt[a] = myopt[a]; } } this.id = self.opt.doc[0].id||''; this.doc = self.opt.doc; this.ispage = (self.doc[0].nodeName=='BODY'||self.doc[0].nodeName=='HTML'); this.haswrapper = (self.opt.win!==false); this.win = self.opt.win||(this.ispage?$(window):this.doc); this.docscroll = this.ispage?$(window):this.win; this.iframe = false; this.isiframe = ((this.doc[0].nodeName == 'IFRAME') && (this.win[0].nodeName == 'IFRAME')); this.istextarea = (this.win[0].nodeName == 'TEXTAREA'); // Events jump table this.onmousedown = false; this.onmouseup = false; this.onmousemove = false; this.onmousewheel = false; this.onkeypress = false; // Let's start! this.view = false; this.page = false; this.scroll = {x:0,y:0}; this.scrollratio = {x:0,y:0}; this.cursorheight = 20; this.scrollvaluemax = 0; do { this.id = "ascrail"+Math.round(Math.random() * 99999); } while (document.getElementById(this.id)); this.rail = false; this.cursor = false; this.cursorfreezed = false; this.zoom = false; this.zoomactive = false; this.hasfocus = false; this.hasmousefocus = false; this.visibility = true; this.locked = false; var domtest = document.createElement('DIV'); this.isopera = ("opera" in window); this.isie = (("all" in document) && ("attachEvent" in domtest) && !this.isopera); this.isieold = (this.isie && !("msInterpolationMode" in domtest.style)); // IE6 and older this.isie7 = this.isie&&!this.isieold&&(!("documentMode" in document)||(document.documentMode==7)); this.isie8 = this.isie&&("documentMode" in document)&&(document.documentMode==8); this.isie9 = this.isie&&("performance" in window)&&(document.documentMode>=9); this.ismozilla = ("MozAppearance" in domtest.style); this.cantouch = ("ontouchstart" in document.documentElement); if (this.cantouch && /iphone|ipad|ipod/i.test(navigator.platform)) { this.isios = true; this.isios4 = !("seal" in Object); } else { this.isios = false; this.isios4 = false; } if (self.opt.hwacceleration) { // if you dont need dont bother to look for this.trstyle = (window.opera) ? 'OTransform' : (document.all) ? 'msTransform' : (domtest.style.webkitTransform!==undefined) ? 'webkitTransform' : (domtest.style.MozTransform!==undefined) ? 'MozTransform' : false; if (this.trstyle && domtest.style[this.trstyle] === undefined) this.trstyle = false; this.hastransform = (this.trstyle != false); if (this.hastransform) { domtest.style[this.trstyle] = "translate3d(1px,2px,3px)"; this.hastranslate3d = /translate3d/.test(domtest.style[this.trstyle]); } this.transitionstyle = false; this.prefixstyle = ''; this.transitionend = false; var check = ['transition','webkitTransition','MozTransition','OTransition','msTransition','KhtmlTransition']; var prefix = ['','-webkit-','-moz-','-o-','-ms-','-khtml-']; var evs = ['transitionEnd','webkitTransitionEnd','transitionend','oTransitionEnd','msTransitionEnd','KhtmlTransitionEnd']; for(var a=0;a1.5) self.doZoomIn(e); if (e.scale<0.8) self.doZoomOut(e); return self.cancelEvent(e); }); } } if (self.ispage) { rail.css({position:"fixed",top:"0px",right:"0px",height:"100%"}); self.doc.append(rail); } else { if (self.ishwscroll) { if (self.win.css('position')=='static') self.win.css('position','relative'); if (self.zoom) { self.zoom.css({position:"absolute",top:1,right:0,"margin-right":rail.width+4}); self.win.append(self.zoom); } rail.css({position:"absolute",top:0,right:0}); self.win.append(rail); } else { self.updateScrollBar(); $("body").append(rail); if (self.zoom) $("body").append(self.zoom); } } if (self.opt.autohidemode===false) { self.autohidedom = false; } else if (self.opt.autohidemode===true) { self.autohidedom = self.rail; } else if (self.opt.autohidemode=="cursor") { self.autohidedom = self.cursor; } self.bind(window,'resize',self.onResize); self.bind(window,'orientationchange',self.onResize); if (!self.ispage&&!self.haswrapper) { self.bind(self.win,(self.isie&&!self.isie9)?"propertychange":"DOMAttrModified",self.onAttributeChange); } if (!self.ispage&&self.opt.boxzoom) $(window).resize(self.resizeZoom); if (self.istextarea) self.win.mouseup(self.onResize); self.onResize(); if (self.cantouch||self.opt.touchbehavior) { self.onmousedown = function(e) { if (!self.locked) { self.rail.drag = {x:e.pageX,y:e.pageY,sx:self.scroll.x,sy:self.scroll.y,st:self.getScrollTop(),lx:e.pageX,ly:e.pageY,nx:e.pageX,ny:e.pageY,tt:(new Date()).getTime(),lt:(new Date()).getTime()}; self.hasmoving = false; if (!self.cantouch) return self.cancelEvent(e); } }; self.onmouseup = function(e) { if (self.rail.drag) { self.doScrollMomentum(self.rail.drag); self.rail.drag = false; if (self.hasmoving) { self.hasmoving = false; return self.cancelEvent(e); } } }; self.onmousemove = function(e) { if (self.rail.drag) { self.hasmoving = true; var my = (e.pageY-self.rail.drag.y); self.rail.drag.ly = self.rail.drag.ny; self.rail.drag.ny = e.pageY; self.rail.drag.lt = (new Date()).getTime(); self.scroll.y = Math.round((self.rail.drag.st-my) * (1/self.scrollratio.y)); if (self.scroll.y<0) self.scroll.y=0; if (self.scroll.y>self.scrollvaluemax) self.scroll.y=self.scrollvaluemax; self.showCursor(); self.doScrollTo(self.rail.drag.st-my,true); return self.cancelEvent(e); } }; if (self.cursorgrabvalue) self.win.css({'cursor':self.cursorgrabvalue}); } else { self.onmousedown = function(e) { if (self.locked) return self.cancelEvent(e); self.rail.drag = {x:e.screenX,y:e.screenY,sx:self.scroll.x,sy:self.scroll.y}; return self.cancelEvent(e); }; self.onmouseup = function(e) { if (self.rail.drag) { self.rail.drag = false; return self.cancelEvent(e); } }; self.onmousemove = function(e) { if (self.rail.drag) { self.scroll.y = self.rail.drag.sy + (e.screenY-self.rail.drag.y); if (self.scroll.y<0) self.scroll.y=0; var my = self.scrollvaluemax; if (self.scroll.y>my) self.scroll.y=my; self.showCursor(); self.cursorfreezed = true; self.doScroll(Math.round(self.scroll.y*self.scrollratio.y)); return self.cancelEvent(e); } }; } if (self.cantouch||self.opt.touchbehavior) self.bind(self.win,"mousedown",self.onmousedown); self.bind(self.win,"mouseup",self.onmouseup); self.bind(self.rail,"mousedown",self.onmousedown); self.bind(self.rail,"mouseup",function(e) { self.rail.drag = false; self.hasmoving = false; self.hideCursor(); return self.cancelEvent(e); }); self.bind(document,"mouseup",self.onmouseup); self.bind(document,"mousemove",self.onmousemove); if (!self.cantouch) { self.rail.mouseenter(function() { self.showCursor(); self.rail.active = true; }); self.rail.mouseleave(function() { self.rail.active = false; if (!self.rail.drag) self.hideCursor(); }); if (!self.isiframe) self.bind((self.isie&&self.ispage) ? document : self.docscroll,"mousewheel",self.onmousewheel); self.bind(self.rail,"mousewheel",self.onmousewheel); } if (!self.ispage&&!self.cantouch) { if (!self.win.attr("tabindex")) self.win.attr({"tabindex":tabindexcounter++}); self.win.focus(function(e) { domfocus = (self.getTarget(e)).id||true; self.hasfocus = true; self.noticeCursor(); }); self.win.blur(function(e) { domfocus = false; self.hasfocus = false; }); self.win.mouseenter(function(e) { mousefocus = (self.getTarget(e)).id||true; self.hasmousefocus = true; self.noticeCursor(); }); self.win.mouseleave(function() { mousefocus = false; self.hasmousefocus = false; }); }; //Thanks to http://www.quirksmode.org !! self.onkeypress = function(e) { e = (e) ? e : window.e; var tg = self.getTarget(e); if (tg&&/INPUT|TEXTAREA|SELECT/.test(tg.nodeName)) { var tp = tg.getAttribute('type')||tg.type||false; if ((!tp)||!(/submit|button|cancel/i.tp)) return true; } if (self.hasfocus||(self.hasmousefocus&&!domfocus)||(self.ispage&&!domfocus&&!mousefocus)) { var key = e.keyCode; if (self.locked&&key!=27) return self.cancelEvent(e); var ret = true; switch (key) { case 38: case 63233: //safari self.doScrollBy(24*3,true); ret = false; break; case 40: case 63235: //safari self.doScrollBy(-24*3,true); ret = false; break; case 33: case 63276: // safari self.doScrollBy(self.view.h,true); ret = false; break; case 34: case 63277: // safari self.doScrollBy(-self.view.h,true); ret = false; break; case 36: case 63273: // safari self.doScrollTo(0,true); ret = false; break; case 35: case 63275: // safari self.doScrollTo(self.page.h,true); ret = false; break; case 27: // ESC if (self.zoomactive) { self.doZoom(); ret = false; } break; } if (!ret) return self.cancelEvent(e); } }; self.bind(document,(self.isopera)?"keypress":"keydown",self.onkeypress); } if (this.doc[0].nodeName == 'IFRAME') { function oniframeload(e) { var doc = 'contentDocument' in this ? this.contentDocument : this.contentWindow.document; if (self.isiframe) { self.docscroll = $(doc); self.iframe = { html:self.doc.contents().find('html')[0], body:self.doc.contents().find('body')[0] }; } if (self.opt.iframeautoresize&&!self.isiframe) { self.win.scrollTop(0); // reset position self.doc.height(""); //reset height to fix browser bug var cc=self.doc.contents(); var hh=Math.max(cc.find('html').attr('scrollHeight'),cc.find('body').attr('scrollHeight')); self.doc.height(hh); } self.onResize(); if (self.isie7) $(doc).find('html').css({'overflow-y':'hidden'}); $(doc.body).css({'overflow-y':'hidden'}); if ('contentWindow' in this) { self.bind(this.contentWindow,"scroll",self.onscroll); //IE8 & minor } else { self.bind(doc,"scroll",self.onscroll); } self.bind(doc,"mouseup",self.onmouseup); self.bind(doc,"mousewheel",self.onmousewheel); self.bind(doc,(self.isopera)?"keypress":"keydown",self.onkeypress); if (self.cantouch||self.opt.touchbehavior) { self.bind(doc,"mousedown",self.onmousedown); if (self.cursorgrabvalue) $(doc).css({'cursor':self.cursorgrabvalue}); } self.bind(doc,"mousemove",self.onmousemove); if (self.zoom) { if (self.opt.dblclickzoom) self.bind(doc,'dblclick',self.doZoom); if (self.cantouch&&self.opt.gesturezoom) { self.bind(doc,"gesturechange",function(e) { if (e.scale>1.5) self.doZoomIn(e); if (e.scale<0.8) self.doZoomOut(e); return self.cancelEvent(e); }); } } }; if (this.doc[0].readyState&&this.doc[0].readyState=="complete"){ setTimeout(function(){oniframeload.call(self.doc[0],false)},500); } this.doc.load(oniframeload); } }; this.showCursor = function() { if (self.cursortimeout) { clearTimeout(self.cursortimeout); self.cursortimeout = 0; } if (!self.rail) return; if (self.autohidedom) self.autohidedom.stop().css({opacity:self.opt.cursoropacitymax}); self.cursor.css({height:self.cursorheight,top:self.scroll.y}); if (self.zoom) self.zoom.stop().css({opacity:self.opt.cursoropacitymax}); }; this.hideCursor = function(tm) { if (self.cursortimeout) return; if (!self.rail) return; if (!self.autohidedom) return; self.cursortimeout = setTimeout(function() { if (!self.rail.active) { self.autohidedom.stop().animate({opacity:self.opt.cursoropacitymin}); if (self.zoom) self.zoom.stop().animate({opacity:self.opt.cursoropacitymin}); } self.cursortimeout = 0; },tm||800); }; this.noticeCursor = function(tm) { self.showCursor(); self.hideCursor(tm); }; this.getContentSize = function() { var pg = (self.ispage) ? { w:Math.max(document.body.scrollWidth,document.documentElement.scrollWidth), h:Math.max(document.body.scrollHeight,document.documentElement.scrollHeight) } : (self.haswrapper) ? { w:self.doc.outerWidth()+parseInt(self.win.css('paddingLeft'))+parseInt(self.win.css('paddingRight')), h:self.doc.outerHeight()+parseInt(self.win.css('paddingTop'))+parseInt(self.win.css('paddingBottom')) } : (self.iframe) ? { w:Math.max(self.iframe.html.scrollWidth,self.iframe.body.scrollWidth), h:Math.max(self.iframe.html.scrollHeight,self.iframe.body.scrollHeight) } : { w:self.docscroll[0].scrollWidth, h:self.docscroll[0].scrollHeight }; pg.w-=1; pg.h-=1; return pg; }; this.onAttributeChange = function(e) { if (e&&e.target) { if ((e.target !== self.win[0])&&(e.target!==self.doc[0])) return true; var attr = ("attrChange" in e)?e.attrName:("propertyName" in e)?e.propertyName:false; if (attr&&/width|height|style|block/i.test(attr)) { if (self.lastattributechange) self.lastattributechange=clearTimeout(self.lastattributechange); self.lastattributechange = setTimeout(function(){ self.lastattributechange = 0; self.onResize(); },60); } } }; this.onResize = function() { if (!self.haswrapper&&!self.ispage) { var vis = (self.win.css('display')!='none'); if (vis&&!self.visibility) self.show(); if (!vis&&self.visibility) self.hide(); if (!self.visibility) return false; } self.view = { w:(self.ispage) ? self.win.width() : self.win.innerWidth(), h:(self.ispage) ? self.win.height() : self.win.innerHeight() }; self.page = self.getContentSize(); if (self.view.h>=self.page.h) { self.hide(); self.scrollvaluemax = 0; self.scroll.y = 0; self.scrollratio = {x:0,y:0}; self.cursorheight = 0; self.locked = true; self.setScrollTop(0); return false; } else if (!self.visibility) self.show(); self.locked = false; if (self.istextarea&&self.win.css('resize')&&self.win.css('resize')!='none') self.view.h-=20; if (!self.ispage) self.updateScrollBar(self.view); self.cursorheight = Math.min(self.view.h,Math.round(self.view.h * (self.view.h / self.page.h))); self.scrollvaluemax = self.view.h-self.cursorheight-self.cursor.hborder-2; self.scrollratio = { x:0, y:((self.page.h - self.view.h)/self.scrollvaluemax) }; self.scroll.y = Math.round(self.getScrollTop() * (1/self.scrollratio.y)); self.noticeCursor(); }; this.bind = function(dom,name,fn,bubble) { // touch-oriented & fixing jquery bind var el = (dom.length) ? dom[0] : dom; if (el.addEventListener) { if (self.cantouch && /mouseup|mousedown|mousemove/.test(name)) { // touch device support var tt = (name=='mousedown')?'touchstart':(name=='mouseup')?'touchend':'touchmove'; el.addEventListener(tt,function(e){ if(e.touches.length<2){var ev=(e.touches.length>0)?e.touches[0]:e;ev.original=e;fn.call(this,ev);} },bubble||false); } el.addEventListener(name,fn,bubble||false); if (name=='mousewheel') el.addEventListener("DOMMouseScroll",fn,bubble||false); if (self.cantouch && name=="mouseup") el.addEventListener("touchcancel",fn,bubble||false); } else if (el.attachEvent) { el.attachEvent("on"+name,function(e) { if (e&&!("pageY" in e)&&("screenY" in e)) { e.pageX = e.screenX; e.pageY = e.screenY; } return ((fn.call(el,e)===false)||bubble===false) ? self.cancelEvent(e) : true; }); } else { el["on"+name] = function(e) { var rt=fn.call(el,e); return (rt===false||bubble===false) ? self.cancelEvent(e) : true; }; } }; // Thanks to http://www.switchonthecode.com !! this.cancelEvent = function(e) { if (self.cantouch) { e = e.original ? e.original : e||false; } else { e = e ? e : window.event||false; } if (!e) return false; if(e.stopPropagation) e.stopPropagation(); if(e.preventDefault) e.preventDefault(); e.cancelBubble = true; e.cancel = true; e.returnValue = false; return false; }; this.show = function() { self.visibility = true; self.rail.css('display','block'); }; this.hide = function() { self.visibility = false; self.rail.css('display','none'); }; this.onmousewheel = function(e) { if (self.locked) return self.cancelEvent(e); e = e ? e : window.event; if (self.rail.drag) return self.cancelEvent(e); var delta = 0; var delta = e.detail ? e.detail * -1 : e.wheelDelta / 40; if (delta) { self.doScrollBy(delta*self.opt.mousescrollstep,true); } return self.cancelEvent(e); }; this.stop = function() { if (self.timer) clearAnimationFrame(self.timer); self.timer = 0; self.cursorfreezed = false; self.scroll.y = Math.round(self.getScrollTop() * (1/self.scrollratio.y)); self.noticeCursor(); }; if (self.ishwscroll&&self.hastransition&&self.opt.usetransition) { this.prepareTransition = function(dif,trend) { var sp = Math.round(self.opt.scrollspeed*10); var ex = Math.min(sp,Math.round((dif / 20) * self.opt.scrollspeed)); var trans = (ex>20) ? self.prefixstyle+'transform '+ex+'ms ease-out 0s' : ''; if (!self.lasttransitionstyle||self.lasttransitionstyle!=trans) { self.lasttransitionstyle = trans; self.doc.css(self.transitionstyle,trans); } }; this.doScroll = function(y) { self.newscrolly = y; if (self.timer) return; self.timer = setTimeout(function() { var top = self.getScrollTop(); var dif = (top>self.newscrolly) ? top-self.newscrolly : self.newscrolly-top; self.prepareTransition(dif) self.setScrollTop(self.newscrolly); self.timer = 0; },self.opt.scrollspeed); self.noticeCursor(); }; // self.bind(self.doc,'transitionend',function(e){console.log(e)},false); TEST!! Later or soon I use it! (I hope so) } else { this.doScroll = function(y) { self.newscrolly = y; if (self.timer) return; var rt = 1/4; //*(60/self.opt.scrollspeed)); var sync = 0; var lastsync = 0; function scrolling() { sync=(new Date()).getTime(); if (sync0) ? Math.ceil(gp*rt) : Math.floor(gp*rt); var sc = self.getScrollTop()+df; self.setScrollTop(sc); if (sc == self.newscrolly) { // clearAnimationFrame(self.timer); self.timer = 0; self.cursorfreezed = false; } else { self.timer = setAnimationFrame(scrolling); } }; self.timer = setAnimationFrame(scrolling); self.noticeCursor(); }; } this.doScrollBy = function(stp,absolute) { if (absolute) stp = Math.round(stp * 1/self.scrollratio.y); var ny = self.scroll.y-stp; if (ny<0) ny=0; var my = self.scrollvaluemax; if (ny>my) ny=my; self.cursorfreezed = false; self.doScroll(Math.floor(ny*self.scrollratio.y)); }; this.doScrollTo = function(pos,absolute) { ny=(absolute)?Math.round(pos * 1/self.scrollratio.y):pos; if (ny<0) pos=0; var my = self.scrollvaluemax; if (ny>my) pos=(absolute)?Math.round(my*self.scrollratio.y):my; self.cursorfreezed = false; self.doScroll((absolute)?pos:Math.round(pos*self.scrollratio.y)); }; this.doScrollMomentum = function(mom) { var dy = mom.ly-mom.ny; var tt = ((new Date()).getTime()-mom.lt); var my = Math.floor((dy*3)/((tt+1)*0.2)); if (my) self.doScrollBy(my,true); }; self.onscroll = function(e) { var tm = (new Date()).getTime(); if (!self.lastcontentcheck || self.lastcontentcheck