diff --git a/min/perfect-scrollbar.min.js b/min/perfect-scrollbar.min.js
index 32ebe26..790e417 100644
--- a/min/perfect-scrollbar.min.js
+++ b/min/perfect-scrollbar.min.js
@@ -1 +1 @@
-(function($){var defaultSettings={wheelSpeed:10,wheelPropagation:false};$.fn.perfectScrollbar=function(suppliedSettings,option){var settings=$.extend(true,{},defaultSettings);if(typeof suppliedSettings==="object"){$.extend(true,settings,suppliedSettings)}else{option=suppliedSettings}if(option==="update"){if($(this).data("perfect-scrollbar-update")){$(this).data("perfect-scrollbar-update")()}return $(this)}else if(option==="destroy"){if($(this).data("perfect-scrollbar-destroy")){$(this).data("perfect-scrollbar-destroy")()}return $(this)}if($(this).data("perfect-scrollbar")){return $(this).data("perfect-scrollbar")}var $this=$(this).addClass("ps-container"),$content=$(this).children(),$scrollbarX=$("").appendTo($this),$scrollbarY=$("").appendTo($this),containerWidth,containerHeight,contentWidth,contentHeight,scrollbarXWidth,scrollbarXLeft,scrollbarXBottom=parseInt($scrollbarX.css("bottom"),10),scrollbarYHeight,scrollbarYTop,scrollbarYRight=parseInt($scrollbarY.css("right"),10);var updateContentScrollTop=function(){var scrollTop=parseInt(scrollbarYTop*contentHeight/containerHeight,10);$this.scrollTop(scrollTop);$scrollbarX.css({bottom:scrollbarXBottom-scrollTop})};var updateContentScrollLeft=function(){var scrollLeft=parseInt(scrollbarXLeft*contentWidth/containerWidth,10);$this.scrollLeft(scrollLeft);$scrollbarY.css({right:scrollbarYRight-scrollLeft})};var updateBarSizeAndPosition=function(){containerWidth=$this.width();containerHeight=$this.height();contentWidth=$content.outerWidth(false);contentHeight=$content.outerHeight(false);if(containerWidth=containerHeight-scrollbarYHeight){scrollbarYTop=containerHeight-scrollbarYHeight}if(scrollbarXLeft>=containerWidth-scrollbarXWidth){scrollbarXLeft=containerWidth-scrollbarXWidth}$scrollbarX.css({left:scrollbarXLeft+$this.scrollLeft(),bottom:scrollbarXBottom-$this.scrollTop(),width:scrollbarXWidth});$scrollbarY.css({top:scrollbarYTop+$this.scrollTop(),right:scrollbarYRight-$this.scrollLeft(),height:scrollbarYHeight})};var moveBarX=function(currentLeft,deltaX){var newLeft=currentLeft+deltaX,maxLeft=containerWidth-scrollbarXWidth;if(newLeft<0){scrollbarXLeft=0}else if(newLeft>maxLeft){scrollbarXLeft=maxLeft}else{scrollbarXLeft=newLeft}$scrollbarX.css({left:scrollbarXLeft+$this.scrollLeft()})};var moveBarY=function(currentTop,deltaY){var newTop=currentTop+deltaY,maxTop=containerHeight-scrollbarYHeight;if(newTop<0){scrollbarYTop=0}else if(newTop>maxTop){scrollbarYTop=maxTop}else{scrollbarYTop=newTop}$scrollbarY.css({top:scrollbarYTop+$this.scrollTop()})};var bindMouseScrollXHandler=function(){var currentLeft,currentPageX;$scrollbarX.bind("mousedown.perfect-scroll",function(e){currentPageX=e.pageX;currentLeft=$scrollbarX.position().left;$scrollbarX.addClass("in-scrolling");e.stopPropagation();e.preventDefault()});$(document).bind("mousemove.perfect-scroll",function(e){if($scrollbarX.hasClass("in-scrolling")){moveBarX(currentLeft,e.pageX-currentPageX);updateContentScrollLeft();e.stopPropagation();e.preventDefault()}});$(document).bind("mouseup.perfect-scroll",function(e){if($scrollbarX.hasClass("in-scrolling")){$scrollbarX.removeClass("in-scrolling")}})};var bindMouseScrollYHandler=function(){var currentTop,currentPageY;$scrollbarY.bind("mousedown.perfect-scroll",function(e){currentPageY=e.pageY;currentTop=$scrollbarY.position().top;$scrollbarY.addClass("in-scrolling");e.stopPropagation();e.preventDefault()});$(document).bind("mousemove.perfect-scroll",function(e){if($scrollbarY.hasClass("in-scrolling")){moveBarY(currentTop,e.pageY-currentPageY);updateContentScrollTop();e.stopPropagation();e.preventDefault()}});$(document).bind("mouseup.perfect-scroll",function(e){if($scrollbarY.hasClass("in-scrolling")){$scrollbarY.removeClass("in-scrolling")}})};var bindMouseWheelHandler=function(){var shouldPreventDefault=function(deltaX,deltaY){var scrollTop=$this.scrollTop();if(scrollTop===0&&deltaY>0&&deltaX===0){return!settings.wheelPropagation}else if(scrollTop>=contentHeight-containerHeight&&deltaY<0&&deltaX===0){return!settings.wheelPropagation}var scrollLeft=$this.scrollLeft();if(scrollLeft===0&&deltaX<0&&deltaY===0){return!settings.wheelPropagation}else if(scrollLeft>=contentWidth-containerWidth&&deltaX>0&&deltaY===0){return!settings.wheelPropagation}return true};$this.mousewheel(function(e,delta,deltaX,deltaY){$this.scrollTop($this.scrollTop()-deltaY*settings.wheelSpeed);$this.scrollLeft($this.scrollLeft()+deltaX*settings.wheelSpeed);updateBarSizeAndPosition();if(shouldPreventDefault(deltaX,deltaY)){e.preventDefault()}})};var bindMobileTouchHandler=function(){var applyTouchMove=function(differenceX,differenceY){$this.scrollTop($this.scrollTop()-differenceY);$this.scrollLeft($this.scrollLeft()-differenceX);updateBarSizeAndPosition()};var startCoords={},startTime=0,speed={},breakingProcess=null;$this.bind("touchstart.perfect-scroll",function(e){var touch=e.originalEvent.targetTouches[0];startCoords.pageX=touch.pageX;startCoords.pageY=touch.pageY;startTime=(new Date).getTime();if(breakingProcess!==null){clearInterval(breakingProcess)}});$this.bind("touchmove.perfect-scroll",function(e){var touch=e.originalEvent.targetTouches[0];var currentCoords={};currentCoords.pageX=touch.pageX;currentCoords.pageY=touch.pageY;var differenceX=currentCoords.pageX-startCoords.pageX,differenceY=currentCoords.pageY-startCoords.pageY;applyTouchMove(differenceX,differenceY);startCoords=currentCoords;var currentTime=(new Date).getTime();speed.x=differenceX/(currentTime-startTime);speed.y=differenceY/(currentTime-startTime);startTime=currentTime;e.preventDefault()});$this.bind("touchend.perfect-scroll",function(e){breakingProcess=setInterval(function(){if(Math.abs(speed.x)<.01&&Math.abs(speed.y)<.01){clearInterval(breakingProcess);return}applyTouchMove(speed.x*30,speed.y*30);speed.x*=.8;speed.y*=.8},10)})};var destroy=function(){$scrollbarX.remove();$scrollbarY.remove();$this.unbind("mousewheel");$this.unbind("touchstart.perfect-scroll");$this.unbind("touchmove.perfect-scroll");$this.unbind("touchend.perfect-scroll");$(window).unbind("mousemove.perfect-scroll");$(window).unbind("mouseup.perfect-scroll");$this.data("perfect-scrollbar",null);$this.data("perfect-scrollbar-update",null);$this.data("perfect-scrollbar-destroy",null)};var isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);var initialize=function(){updateBarSizeAndPosition();bindMouseScrollXHandler();bindMouseScrollYHandler();if(isMobile){bindMobileTouchHandler()}if($this.mousewheel){bindMouseWheelHandler()}$this.data("perfect-scrollbar",$this);$this.data("perfect-scrollbar-update",updateBarSizeAndPosition);$this.data("perfect-scrollbar-destroy",destroy)};initialize();return $this}})(jQuery);
\ No newline at end of file
+!function($){var defaultSettings={wheelSpeed:10,wheelPropagation:false};$.fn.perfectScrollbar=function(suppliedSettings,option){return this.each(function(){var settings=$.extend(true,{},defaultSettings);if(typeof suppliedSettings==="object"){$.extend(true,settings,suppliedSettings)}else{option=suppliedSettings}if(option==="update"){if($(this).data("perfect-scrollbar-update")){$(this).data("perfect-scrollbar-update")()}return $(this)}else if(option==="destroy"){if($(this).data("perfect-scrollbar-destroy")){$(this).data("perfect-scrollbar-destroy")()}return $(this)}if($(this).data("perfect-scrollbar")){return $(this).data("perfect-scrollbar")}var $this=$(this).addClass("ps-container"),$content=$(this).children(),$scrollbarX=$("").appendTo($this),$scrollbarY=$("").appendTo($this),containerWidth,containerHeight,contentWidth,contentHeight,scrollbarXWidth,scrollbarXLeft,scrollbarXBottom=parseInt($scrollbarX.css("bottom"),10),scrollbarYHeight,scrollbarYTop,scrollbarYRight=parseInt($scrollbarY.css("right"),10);var updateContentScrollTop=function(){var scrollTop=parseInt(scrollbarYTop*contentHeight/containerHeight,10);$this.scrollTop(scrollTop);$scrollbarX.css({bottom:scrollbarXBottom-scrollTop})};var updateContentScrollLeft=function(){var scrollLeft=parseInt(scrollbarXLeft*contentWidth/containerWidth,10);$this.scrollLeft(scrollLeft);$scrollbarY.css({right:scrollbarYRight-scrollLeft})};var updateBarSizeAndPosition=function(){containerWidth=$this.width();containerHeight=$this.height();contentWidth=$content.outerWidth(false);contentHeight=$content.outerHeight(false);if(containerWidth=containerHeight-scrollbarYHeight){scrollbarYTop=containerHeight-scrollbarYHeight}if(scrollbarXLeft>=containerWidth-scrollbarXWidth){scrollbarXLeft=containerWidth-scrollbarXWidth}$scrollbarX.css({left:scrollbarXLeft+$this.scrollLeft(),bottom:scrollbarXBottom-$this.scrollTop(),width:scrollbarXWidth});$scrollbarY.css({top:scrollbarYTop+$this.scrollTop(),right:scrollbarYRight-$this.scrollLeft(),height:scrollbarYHeight})};var moveBarX=function(currentLeft,deltaX){var newLeft=currentLeft+deltaX,maxLeft=containerWidth-scrollbarXWidth;if(newLeft<0){scrollbarXLeft=0}else if(newLeft>maxLeft){scrollbarXLeft=maxLeft}else{scrollbarXLeft=newLeft}$scrollbarX.css({left:scrollbarXLeft+$this.scrollLeft()})};var moveBarY=function(currentTop,deltaY){var newTop=currentTop+deltaY,maxTop=containerHeight-scrollbarYHeight;if(newTop<0){scrollbarYTop=0}else if(newTop>maxTop){scrollbarYTop=maxTop}else{scrollbarYTop=newTop}$scrollbarY.css({top:scrollbarYTop+$this.scrollTop()})};var bindMouseScrollXHandler=function(){var currentLeft,currentPageX;$scrollbarX.bind("mousedown.perfect-scroll",function(e){currentPageX=e.pageX;currentLeft=$scrollbarX.position().left;$scrollbarX.addClass("in-scrolling");e.stopPropagation();e.preventDefault()});$(document).bind("mousemove.perfect-scroll",function(e){if($scrollbarX.hasClass("in-scrolling")){moveBarX(currentLeft,e.pageX-currentPageX);updateContentScrollLeft();e.stopPropagation();e.preventDefault()}});$(document).bind("mouseup.perfect-scroll",function(e){if($scrollbarX.hasClass("in-scrolling")){$scrollbarX.removeClass("in-scrolling")}})};var bindMouseScrollYHandler=function(){var currentTop,currentPageY;$scrollbarY.bind("mousedown.perfect-scroll",function(e){currentPageY=e.pageY;currentTop=$scrollbarY.position().top;$scrollbarY.addClass("in-scrolling");e.stopPropagation();e.preventDefault()});$(document).bind("mousemove.perfect-scroll",function(e){if($scrollbarY.hasClass("in-scrolling")){moveBarY(currentTop,e.pageY-currentPageY);updateContentScrollTop();e.stopPropagation();e.preventDefault()}});$(document).bind("mouseup.perfect-scroll",function(e){if($scrollbarY.hasClass("in-scrolling")){$scrollbarY.removeClass("in-scrolling")}})};var bindMouseWheelHandler=function(){var shouldPreventDefault=function(deltaX,deltaY){var scrollTop=$this.scrollTop();if(scrollTop===0&&deltaY>0&&deltaX===0){return!settings.wheelPropagation}else if(scrollTop>=contentHeight-containerHeight&&deltaY<0&&deltaX===0){return!settings.wheelPropagation}var scrollLeft=$this.scrollLeft();if(scrollLeft===0&&deltaX<0&&deltaY===0){return!settings.wheelPropagation}else if(scrollLeft>=contentWidth-containerWidth&&deltaX>0&&deltaY===0){return!settings.wheelPropagation}return true};$this.mousewheel(function(e,delta,deltaX,deltaY){$this.scrollTop($this.scrollTop()-deltaY*settings.wheelSpeed);$this.scrollLeft($this.scrollLeft()+deltaX*settings.wheelSpeed);updateBarSizeAndPosition();if(shouldPreventDefault(deltaX,deltaY)){e.preventDefault()}})};var bindMobileTouchHandler=function(){var applyTouchMove=function(differenceX,differenceY){$this.scrollTop($this.scrollTop()-differenceY);$this.scrollLeft($this.scrollLeft()-differenceX);updateBarSizeAndPosition()};var startCoords={},startTime=0,speed={},breakingProcess=null;$this.bind("touchstart.perfect-scroll",function(e){var touch=e.originalEvent.targetTouches[0];startCoords.pageX=touch.pageX;startCoords.pageY=touch.pageY;startTime=(new Date).getTime();if(breakingProcess!==null){clearInterval(breakingProcess)}});$this.bind("touchmove.perfect-scroll",function(e){var touch=e.originalEvent.targetTouches[0];var currentCoords={};currentCoords.pageX=touch.pageX;currentCoords.pageY=touch.pageY;var differenceX=currentCoords.pageX-startCoords.pageX,differenceY=currentCoords.pageY-startCoords.pageY;applyTouchMove(differenceX,differenceY);startCoords=currentCoords;var currentTime=(new Date).getTime();speed.x=differenceX/(currentTime-startTime);speed.y=differenceY/(currentTime-startTime);startTime=currentTime;e.preventDefault()});$this.bind("touchend.perfect-scroll",function(e){breakingProcess=setInterval(function(){if(Math.abs(speed.x)<.01&&Math.abs(speed.y)<.01){clearInterval(breakingProcess);return}applyTouchMove(speed.x*30,speed.y*30);speed.x*=.8;speed.y*=.8},10)})};var destroy=function(){$scrollbarX.remove();$scrollbarY.remove();$this.unbind("mousewheel");$this.unbind("touchstart.perfect-scroll");$this.unbind("touchmove.perfect-scroll");$this.unbind("touchend.perfect-scroll");$(window).unbind("mousemove.perfect-scroll");$(window).unbind("mouseup.perfect-scroll");$this.data("perfect-scrollbar",null);$this.data("perfect-scrollbar-update",null);$this.data("perfect-scrollbar-destroy",null)};var isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);var initialize=function(){updateBarSizeAndPosition();bindMouseScrollXHandler();bindMouseScrollYHandler();if(isMobile){bindMobileTouchHandler()}if($this.mousewheel){bindMouseWheelHandler()}$this.data("perfect-scrollbar",$this);$this.data("perfect-scrollbar-update",updateBarSizeAndPosition);$this.data("perfect-scrollbar-destroy",destroy)};initialize();return $this})}}(jQuery);
\ No newline at end of file
diff --git a/min/perfect-scrollbar.with-mousewheel.min.js b/min/perfect-scrollbar.with-mousewheel.min.js
index 34f1e7c..8c97597 100644
--- a/min/perfect-scrollbar.with-mousewheel.min.js
+++ b/min/perfect-scrollbar.with-mousewheel.min.js
@@ -1 +1 @@
-(function($){var defaultSettings={wheelSpeed:10,wheelPropagation:false};$.fn.perfectScrollbar=function(suppliedSettings,option){var settings=$.extend(true,{},defaultSettings);if(typeof suppliedSettings==="object"){$.extend(true,settings,suppliedSettings)}else{option=suppliedSettings}if(option==="update"){if($(this).data("perfect-scrollbar-update")){$(this).data("perfect-scrollbar-update")()}return $(this)}else if(option==="destroy"){if($(this).data("perfect-scrollbar-destroy")){$(this).data("perfect-scrollbar-destroy")()}return $(this)}if($(this).data("perfect-scrollbar")){return $(this).data("perfect-scrollbar")}var $this=$(this).addClass("ps-container"),$content=$(this).children(),$scrollbarX=$("").appendTo($this),$scrollbarY=$("").appendTo($this),containerWidth,containerHeight,contentWidth,contentHeight,scrollbarXWidth,scrollbarXLeft,scrollbarXBottom=parseInt($scrollbarX.css("bottom"),10),scrollbarYHeight,scrollbarYTop,scrollbarYRight=parseInt($scrollbarY.css("right"),10);var updateContentScrollTop=function(){var scrollTop=parseInt(scrollbarYTop*contentHeight/containerHeight,10);$this.scrollTop(scrollTop);$scrollbarX.css({bottom:scrollbarXBottom-scrollTop})};var updateContentScrollLeft=function(){var scrollLeft=parseInt(scrollbarXLeft*contentWidth/containerWidth,10);$this.scrollLeft(scrollLeft);$scrollbarY.css({right:scrollbarYRight-scrollLeft})};var updateBarSizeAndPosition=function(){containerWidth=$this.width();containerHeight=$this.height();contentWidth=$content.outerWidth(false);contentHeight=$content.outerHeight(false);if(containerWidth=containerHeight-scrollbarYHeight){scrollbarYTop=containerHeight-scrollbarYHeight}if(scrollbarXLeft>=containerWidth-scrollbarXWidth){scrollbarXLeft=containerWidth-scrollbarXWidth}$scrollbarX.css({left:scrollbarXLeft+$this.scrollLeft(),bottom:scrollbarXBottom-$this.scrollTop(),width:scrollbarXWidth});$scrollbarY.css({top:scrollbarYTop+$this.scrollTop(),right:scrollbarYRight-$this.scrollLeft(),height:scrollbarYHeight})};var moveBarX=function(currentLeft,deltaX){var newLeft=currentLeft+deltaX,maxLeft=containerWidth-scrollbarXWidth;if(newLeft<0){scrollbarXLeft=0}else if(newLeft>maxLeft){scrollbarXLeft=maxLeft}else{scrollbarXLeft=newLeft}$scrollbarX.css({left:scrollbarXLeft+$this.scrollLeft()})};var moveBarY=function(currentTop,deltaY){var newTop=currentTop+deltaY,maxTop=containerHeight-scrollbarYHeight;if(newTop<0){scrollbarYTop=0}else if(newTop>maxTop){scrollbarYTop=maxTop}else{scrollbarYTop=newTop}$scrollbarY.css({top:scrollbarYTop+$this.scrollTop()})};var bindMouseScrollXHandler=function(){var currentLeft,currentPageX;$scrollbarX.bind("mousedown.perfect-scroll",function(e){currentPageX=e.pageX;currentLeft=$scrollbarX.position().left;$scrollbarX.addClass("in-scrolling");e.stopPropagation();e.preventDefault()});$(document).bind("mousemove.perfect-scroll",function(e){if($scrollbarX.hasClass("in-scrolling")){moveBarX(currentLeft,e.pageX-currentPageX);updateContentScrollLeft();e.stopPropagation();e.preventDefault()}});$(document).bind("mouseup.perfect-scroll",function(e){if($scrollbarX.hasClass("in-scrolling")){$scrollbarX.removeClass("in-scrolling")}})};var bindMouseScrollYHandler=function(){var currentTop,currentPageY;$scrollbarY.bind("mousedown.perfect-scroll",function(e){currentPageY=e.pageY;currentTop=$scrollbarY.position().top;$scrollbarY.addClass("in-scrolling");e.stopPropagation();e.preventDefault()});$(document).bind("mousemove.perfect-scroll",function(e){if($scrollbarY.hasClass("in-scrolling")){moveBarY(currentTop,e.pageY-currentPageY);updateContentScrollTop();e.stopPropagation();e.preventDefault()}});$(document).bind("mouseup.perfect-scroll",function(e){if($scrollbarY.hasClass("in-scrolling")){$scrollbarY.removeClass("in-scrolling")}})};var bindMouseWheelHandler=function(){var shouldPreventDefault=function(deltaX,deltaY){var scrollTop=$this.scrollTop();if(scrollTop===0&&deltaY>0&&deltaX===0){return!settings.wheelPropagation}else if(scrollTop>=contentHeight-containerHeight&&deltaY<0&&deltaX===0){return!settings.wheelPropagation}var scrollLeft=$this.scrollLeft();if(scrollLeft===0&&deltaX<0&&deltaY===0){return!settings.wheelPropagation}else if(scrollLeft>=contentWidth-containerWidth&&deltaX>0&&deltaY===0){return!settings.wheelPropagation}return true};$this.mousewheel(function(e,delta,deltaX,deltaY){$this.scrollTop($this.scrollTop()-deltaY*settings.wheelSpeed);$this.scrollLeft($this.scrollLeft()+deltaX*settings.wheelSpeed);updateBarSizeAndPosition();if(shouldPreventDefault(deltaX,deltaY)){e.preventDefault()}})};var bindMobileTouchHandler=function(){var applyTouchMove=function(differenceX,differenceY){$this.scrollTop($this.scrollTop()-differenceY);$this.scrollLeft($this.scrollLeft()-differenceX);updateBarSizeAndPosition()};var startCoords={},startTime=0,speed={},breakingProcess=null;$this.bind("touchstart.perfect-scroll",function(e){var touch=e.originalEvent.targetTouches[0];startCoords.pageX=touch.pageX;startCoords.pageY=touch.pageY;startTime=(new Date).getTime();if(breakingProcess!==null){clearInterval(breakingProcess)}});$this.bind("touchmove.perfect-scroll",function(e){var touch=e.originalEvent.targetTouches[0];var currentCoords={};currentCoords.pageX=touch.pageX;currentCoords.pageY=touch.pageY;var differenceX=currentCoords.pageX-startCoords.pageX,differenceY=currentCoords.pageY-startCoords.pageY;applyTouchMove(differenceX,differenceY);startCoords=currentCoords;var currentTime=(new Date).getTime();speed.x=differenceX/(currentTime-startTime);speed.y=differenceY/(currentTime-startTime);startTime=currentTime;e.preventDefault()});$this.bind("touchend.perfect-scroll",function(e){breakingProcess=setInterval(function(){if(Math.abs(speed.x)<.01&&Math.abs(speed.y)<.01){clearInterval(breakingProcess);return}applyTouchMove(speed.x*30,speed.y*30);speed.x*=.8;speed.y*=.8},10)})};var destroy=function(){$scrollbarX.remove();$scrollbarY.remove();$this.unbind("mousewheel");$this.unbind("touchstart.perfect-scroll");$this.unbind("touchmove.perfect-scroll");$this.unbind("touchend.perfect-scroll");$(window).unbind("mousemove.perfect-scroll");$(window).unbind("mouseup.perfect-scroll");$this.data("perfect-scrollbar",null);$this.data("perfect-scrollbar-update",null);$this.data("perfect-scrollbar-destroy",null)};var isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);var initialize=function(){updateBarSizeAndPosition();bindMouseScrollXHandler();bindMouseScrollYHandler();if(isMobile){bindMobileTouchHandler()}if($this.mousewheel){bindMouseWheelHandler()}$this.data("perfect-scrollbar",$this);$this.data("perfect-scrollbar-update",updateBarSizeAndPosition);$this.data("perfect-scrollbar-destroy",destroy)};initialize();return $this}})(jQuery);(function($){var types=["DOMMouseScroll","mousewheel"];if($.event.fixHooks){for(var i=types.length;i;){$.event.fixHooks[types[--i]]=$.event.mouseHooks}}$.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var i=types.length;i;){this.addEventListener(types[--i],handler,false)}}else{this.onmousewheel=handler}},teardown:function(){if(this.removeEventListener){for(var i=types.length;i;){this.removeEventListener(types[--i],handler,false)}}else{this.onmousewheel=null}}};$.fn.extend({mousewheel:function(fn){return fn?this.bind("mousewheel",fn):this.trigger("mousewheel")},unmousewheel:function(fn){return this.unbind("mousewheel",fn)}});function handler(event){var orgEvent=event||window.event,args=[].slice.call(arguments,1),delta=0,returnValue=true,deltaX=0,deltaY=0;event=$.event.fix(orgEvent);event.type="mousewheel";if(orgEvent.wheelDelta){delta=orgEvent.wheelDelta/120}if(orgEvent.detail){delta=-orgEvent.detail/3}deltaY=delta;if(orgEvent.axis!==undefined&&orgEvent.axis===orgEvent.HORIZONTAL_AXIS){deltaY=0;deltaX=-1*delta}if(orgEvent.wheelDeltaY!==undefined){deltaY=orgEvent.wheelDeltaY/120}if(orgEvent.wheelDeltaX!==undefined){deltaX=-1*orgEvent.wheelDeltaX/120}args.unshift(event,delta,deltaX,deltaY);return($.event.dispatch||$.event.handle).apply(this,args)}})(jQuery);
\ No newline at end of file
+!function($){var defaultSettings={wheelSpeed:10,wheelPropagation:false};$.fn.perfectScrollbar=function(suppliedSettings,option){return this.each(function(){var settings=$.extend(true,{},defaultSettings);if(typeof suppliedSettings==="object"){$.extend(true,settings,suppliedSettings)}else{option=suppliedSettings}if(option==="update"){if($(this).data("perfect-scrollbar-update")){$(this).data("perfect-scrollbar-update")()}return $(this)}else if(option==="destroy"){if($(this).data("perfect-scrollbar-destroy")){$(this).data("perfect-scrollbar-destroy")()}return $(this)}if($(this).data("perfect-scrollbar")){return $(this).data("perfect-scrollbar")}var $this=$(this).addClass("ps-container"),$content=$(this).children(),$scrollbarX=$("").appendTo($this),$scrollbarY=$("").appendTo($this),containerWidth,containerHeight,contentWidth,contentHeight,scrollbarXWidth,scrollbarXLeft,scrollbarXBottom=parseInt($scrollbarX.css("bottom"),10),scrollbarYHeight,scrollbarYTop,scrollbarYRight=parseInt($scrollbarY.css("right"),10);var updateContentScrollTop=function(){var scrollTop=parseInt(scrollbarYTop*contentHeight/containerHeight,10);$this.scrollTop(scrollTop);$scrollbarX.css({bottom:scrollbarXBottom-scrollTop})};var updateContentScrollLeft=function(){var scrollLeft=parseInt(scrollbarXLeft*contentWidth/containerWidth,10);$this.scrollLeft(scrollLeft);$scrollbarY.css({right:scrollbarYRight-scrollLeft})};var updateBarSizeAndPosition=function(){containerWidth=$this.width();containerHeight=$this.height();contentWidth=$content.outerWidth(false);contentHeight=$content.outerHeight(false);if(containerWidth=containerHeight-scrollbarYHeight){scrollbarYTop=containerHeight-scrollbarYHeight}if(scrollbarXLeft>=containerWidth-scrollbarXWidth){scrollbarXLeft=containerWidth-scrollbarXWidth}$scrollbarX.css({left:scrollbarXLeft+$this.scrollLeft(),bottom:scrollbarXBottom-$this.scrollTop(),width:scrollbarXWidth});$scrollbarY.css({top:scrollbarYTop+$this.scrollTop(),right:scrollbarYRight-$this.scrollLeft(),height:scrollbarYHeight})};var moveBarX=function(currentLeft,deltaX){var newLeft=currentLeft+deltaX,maxLeft=containerWidth-scrollbarXWidth;if(newLeft<0){scrollbarXLeft=0}else if(newLeft>maxLeft){scrollbarXLeft=maxLeft}else{scrollbarXLeft=newLeft}$scrollbarX.css({left:scrollbarXLeft+$this.scrollLeft()})};var moveBarY=function(currentTop,deltaY){var newTop=currentTop+deltaY,maxTop=containerHeight-scrollbarYHeight;if(newTop<0){scrollbarYTop=0}else if(newTop>maxTop){scrollbarYTop=maxTop}else{scrollbarYTop=newTop}$scrollbarY.css({top:scrollbarYTop+$this.scrollTop()})};var bindMouseScrollXHandler=function(){var currentLeft,currentPageX;$scrollbarX.bind("mousedown.perfect-scroll",function(e){currentPageX=e.pageX;currentLeft=$scrollbarX.position().left;$scrollbarX.addClass("in-scrolling");e.stopPropagation();e.preventDefault()});$(document).bind("mousemove.perfect-scroll",function(e){if($scrollbarX.hasClass("in-scrolling")){moveBarX(currentLeft,e.pageX-currentPageX);updateContentScrollLeft();e.stopPropagation();e.preventDefault()}});$(document).bind("mouseup.perfect-scroll",function(e){if($scrollbarX.hasClass("in-scrolling")){$scrollbarX.removeClass("in-scrolling")}})};var bindMouseScrollYHandler=function(){var currentTop,currentPageY;$scrollbarY.bind("mousedown.perfect-scroll",function(e){currentPageY=e.pageY;currentTop=$scrollbarY.position().top;$scrollbarY.addClass("in-scrolling");e.stopPropagation();e.preventDefault()});$(document).bind("mousemove.perfect-scroll",function(e){if($scrollbarY.hasClass("in-scrolling")){moveBarY(currentTop,e.pageY-currentPageY);updateContentScrollTop();e.stopPropagation();e.preventDefault()}});$(document).bind("mouseup.perfect-scroll",function(e){if($scrollbarY.hasClass("in-scrolling")){$scrollbarY.removeClass("in-scrolling")}})};var bindMouseWheelHandler=function(){var shouldPreventDefault=function(deltaX,deltaY){var scrollTop=$this.scrollTop();if(scrollTop===0&&deltaY>0&&deltaX===0){return!settings.wheelPropagation}else if(scrollTop>=contentHeight-containerHeight&&deltaY<0&&deltaX===0){return!settings.wheelPropagation}var scrollLeft=$this.scrollLeft();if(scrollLeft===0&&deltaX<0&&deltaY===0){return!settings.wheelPropagation}else if(scrollLeft>=contentWidth-containerWidth&&deltaX>0&&deltaY===0){return!settings.wheelPropagation}return true};$this.mousewheel(function(e,delta,deltaX,deltaY){$this.scrollTop($this.scrollTop()-deltaY*settings.wheelSpeed);$this.scrollLeft($this.scrollLeft()+deltaX*settings.wheelSpeed);updateBarSizeAndPosition();if(shouldPreventDefault(deltaX,deltaY)){e.preventDefault()}})};var bindMobileTouchHandler=function(){var applyTouchMove=function(differenceX,differenceY){$this.scrollTop($this.scrollTop()-differenceY);$this.scrollLeft($this.scrollLeft()-differenceX);updateBarSizeAndPosition()};var startCoords={},startTime=0,speed={},breakingProcess=null;$this.bind("touchstart.perfect-scroll",function(e){var touch=e.originalEvent.targetTouches[0];startCoords.pageX=touch.pageX;startCoords.pageY=touch.pageY;startTime=(new Date).getTime();if(breakingProcess!==null){clearInterval(breakingProcess)}});$this.bind("touchmove.perfect-scroll",function(e){var touch=e.originalEvent.targetTouches[0];var currentCoords={};currentCoords.pageX=touch.pageX;currentCoords.pageY=touch.pageY;var differenceX=currentCoords.pageX-startCoords.pageX,differenceY=currentCoords.pageY-startCoords.pageY;applyTouchMove(differenceX,differenceY);startCoords=currentCoords;var currentTime=(new Date).getTime();speed.x=differenceX/(currentTime-startTime);speed.y=differenceY/(currentTime-startTime);startTime=currentTime;e.preventDefault()});$this.bind("touchend.perfect-scroll",function(e){breakingProcess=setInterval(function(){if(Math.abs(speed.x)<.01&&Math.abs(speed.y)<.01){clearInterval(breakingProcess);return}applyTouchMove(speed.x*30,speed.y*30);speed.x*=.8;speed.y*=.8},10)})};var destroy=function(){$scrollbarX.remove();$scrollbarY.remove();$this.unbind("mousewheel");$this.unbind("touchstart.perfect-scroll");$this.unbind("touchmove.perfect-scroll");$this.unbind("touchend.perfect-scroll");$(window).unbind("mousemove.perfect-scroll");$(window).unbind("mouseup.perfect-scroll");$this.data("perfect-scrollbar",null);$this.data("perfect-scrollbar-update",null);$this.data("perfect-scrollbar-destroy",null)};var isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);var initialize=function(){updateBarSizeAndPosition();bindMouseScrollXHandler();bindMouseScrollYHandler();if(isMobile){bindMobileTouchHandler()}if($this.mousewheel){bindMouseWheelHandler()}$this.data("perfect-scrollbar",$this);$this.data("perfect-scrollbar-update",updateBarSizeAndPosition);$this.data("perfect-scrollbar-destroy",destroy)};initialize();return $this})}}(jQuery);!function($){var types=["DOMMouseScroll","mousewheel"];if($.event.fixHooks){for(var i=types.length;i;){$.event.fixHooks[types[--i]]=$.event.mouseHooks}}$.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var i=types.length;i;){this.addEventListener(types[--i],handler,false)}}else{this.onmousewheel=handler}},teardown:function(){if(this.removeEventListener){for(var i=types.length;i;){this.removeEventListener(types[--i],handler,false)}}else{this.onmousewheel=null}}};$.fn.extend({mousewheel:function(fn){return fn?this.bind("mousewheel",fn):this.trigger("mousewheel")},unmousewheel:function(fn){return this.unbind("mousewheel",fn)}});function handler(event){var orgEvent=event||window.event,args=[].slice.call(arguments,1),delta=0,returnValue=true,deltaX=0,deltaY=0;event=$.event.fix(orgEvent);event.type="mousewheel";if(orgEvent.wheelDelta){delta=orgEvent.wheelDelta/120}if(orgEvent.detail){delta=-orgEvent.detail/3}deltaY=delta;if(orgEvent.axis!==undefined&&orgEvent.axis===orgEvent.HORIZONTAL_AXIS){deltaY=0;deltaX=-1*delta}if(orgEvent.wheelDeltaY!==undefined){deltaY=orgEvent.wheelDeltaY/120}if(orgEvent.wheelDeltaX!==undefined){deltaX=-1*orgEvent.wheelDeltaX/120}args.unshift(event,delta,deltaX,deltaY);return($.event.dispatch||$.event.handle).apply(this,args)}}(jQuery);
\ No newline at end of file
diff --git a/src/perfect-scrollbar.js b/src/perfect-scrollbar.js
index 1ca7071..b1aae76 100644
--- a/src/perfect-scrollbar.js
+++ b/src/perfect-scrollbar.js
@@ -11,314 +11,316 @@
$.fn.perfectScrollbar = function (suppliedSettings, option) {
- // Use the default settings
- var settings = $.extend(true, {}, defaultSettings);
- if (typeof suppliedSettings === "object") {
- // But over-ride any supplied
- $.extend(true, settings, suppliedSettings);
- } else {
- // If no settings were supplied, then the first param must be the option
- option = suppliedSettings;
- }
-
- if (option === 'update') {
- if ($(this).data('perfect-scrollbar-update')) {
- $(this).data('perfect-scrollbar-update')();
- }
- return $(this);
- }
- else if (option === 'destroy') {
- if ($(this).data('perfect-scrollbar-destroy')) {
- $(this).data('perfect-scrollbar-destroy')();
- }
- return $(this);
- }
-
- if ($(this).data('perfect-scrollbar')) {
- // if there's already perfect-scrollbar
- return $(this).data('perfect-scrollbar');
- }
-
- var $this = $(this).addClass('ps-container'),
- $content = $(this).children(),
- $scrollbarX = $("").appendTo($this),
- $scrollbarY = $("").appendTo($this),
- containerWidth,
- containerHeight,
- contentWidth,
- contentHeight,
- scrollbarXWidth,
- scrollbarXLeft,
- scrollbarXBottom = parseInt($scrollbarX.css('bottom'), 10),
- scrollbarYHeight,
- scrollbarYTop,
- scrollbarYRight = parseInt($scrollbarY.css('right'), 10);
-
- var updateContentScrollTop = function () {
- var scrollTop = parseInt(scrollbarYTop * contentHeight / containerHeight, 10);
- $this.scrollTop(scrollTop);
- $scrollbarX.css({bottom: scrollbarXBottom - scrollTop});
- };
-
- var updateContentScrollLeft = function () {
- var scrollLeft = parseInt(scrollbarXLeft * contentWidth / containerWidth, 10);
- $this.scrollLeft(scrollLeft);
- $scrollbarY.css({right: scrollbarYRight - scrollLeft});
- };
-
- var updateBarSizeAndPosition = function () {
- containerWidth = $this.width();
- containerHeight = $this.height();
- contentWidth = $content.outerWidth(false);
- contentHeight = $content.outerHeight(false);
- if (containerWidth < contentWidth) {
- scrollbarXWidth = parseInt(containerWidth * containerWidth / contentWidth, 10);
- scrollbarXLeft = parseInt($this.scrollLeft() * containerWidth / contentWidth, 10);
- }
- else {
- scrollbarXWidth = 0;
- scrollbarXLeft = 0;
- $this.scrollLeft(0);
- }
- if (containerHeight < contentHeight) {
- scrollbarYHeight = parseInt(containerHeight * containerHeight / contentHeight, 10);
- scrollbarYTop = parseInt($this.scrollTop() * containerHeight / contentHeight, 10);
- }
- else {
- scrollbarYHeight = 0;
- scrollbarYTop = 0;
- $this.scrollTop(0);
+ return this.each(function() {
+ // Use the default settings
+ var settings = $.extend(true, {}, defaultSettings);
+ if (typeof suppliedSettings === "object") {
+ // But over-ride any supplied
+ $.extend(true, settings, suppliedSettings);
+ } else {
+ // If no settings were supplied, then the first param must be the option
+ option = suppliedSettings;
}
- if (scrollbarYTop >= containerHeight - scrollbarYHeight) {
- scrollbarYTop = containerHeight - scrollbarYHeight;
- }
- if (scrollbarXLeft >= containerWidth - scrollbarXWidth) {
- scrollbarXLeft = containerWidth - scrollbarXWidth;
- }
-
- $scrollbarX.css({left: scrollbarXLeft + $this.scrollLeft(), bottom: scrollbarXBottom - $this.scrollTop(), width: scrollbarXWidth});
- $scrollbarY.css({top: scrollbarYTop + $this.scrollTop(), right: scrollbarYRight - $this.scrollLeft(), height: scrollbarYHeight});
- };
-
- var moveBarX = function (currentLeft, deltaX) {
- var newLeft = currentLeft + deltaX,
- maxLeft = containerWidth - scrollbarXWidth;
-
- if (newLeft < 0) {
- scrollbarXLeft = 0;
- }
- else if (newLeft > maxLeft) {
- scrollbarXLeft = maxLeft;
- }
- else {
- scrollbarXLeft = newLeft;
- }
- $scrollbarX.css({left: scrollbarXLeft + $this.scrollLeft()});
- };
-
- var moveBarY = function (currentTop, deltaY) {
- var newTop = currentTop + deltaY,
- maxTop = containerHeight - scrollbarYHeight;
-
- if (newTop < 0) {
- scrollbarYTop = 0;
- }
- else if (newTop > maxTop) {
- scrollbarYTop = maxTop;
- }
- else {
- scrollbarYTop = newTop;
- }
- $scrollbarY.css({top: scrollbarYTop + $this.scrollTop()});
- };
-
- var bindMouseScrollXHandler = function () {
- var currentLeft,
- currentPageX;
-
- $scrollbarX.bind('mousedown.perfect-scroll', function (e) {
- currentPageX = e.pageX;
- currentLeft = $scrollbarX.position().left;
- $scrollbarX.addClass('in-scrolling');
- e.stopPropagation();
- e.preventDefault();
- });
-
- $(document).bind('mousemove.perfect-scroll', function (e) {
- if ($scrollbarX.hasClass('in-scrolling')) {
- moveBarX(currentLeft, e.pageX - currentPageX);
- updateContentScrollLeft();
- e.stopPropagation();
- e.preventDefault();
+ if (option === 'update') {
+ if ($(this).data('perfect-scrollbar-update')) {
+ $(this).data('perfect-scrollbar-update')();
}
- });
-
- $(document).bind('mouseup.perfect-scroll', function (e) {
- if ($scrollbarX.hasClass('in-scrolling')) {
- $scrollbarX.removeClass('in-scrolling');
+ return $(this);
+ }
+ else if (option === 'destroy') {
+ if ($(this).data('perfect-scrollbar-destroy')) {
+ $(this).data('perfect-scrollbar-destroy')();
}
- });
- };
+ return $(this);
+ }
- var bindMouseScrollYHandler = function () {
- var currentTop,
- currentPageY;
+ if ($(this).data('perfect-scrollbar')) {
+ // if there's already perfect-scrollbar
+ return $(this).data('perfect-scrollbar');
+ }
- $scrollbarY.bind('mousedown.perfect-scroll', function (e) {
- currentPageY = e.pageY;
- currentTop = $scrollbarY.position().top;
- $scrollbarY.addClass('in-scrolling');
- e.stopPropagation();
- e.preventDefault();
- });
+ var $this = $(this).addClass('ps-container'),
+ $content = $(this).children(),
+ $scrollbarX = $("").appendTo($this),
+ $scrollbarY = $("").appendTo($this),
+ containerWidth,
+ containerHeight,
+ contentWidth,
+ contentHeight,
+ scrollbarXWidth,
+ scrollbarXLeft,
+ scrollbarXBottom = parseInt($scrollbarX.css('bottom'), 10),
+ scrollbarYHeight,
+ scrollbarYTop,
+ scrollbarYRight = parseInt($scrollbarY.css('right'), 10);
- $(document).bind('mousemove.perfect-scroll', function (e) {
- if ($scrollbarY.hasClass('in-scrolling')) {
- moveBarY(currentTop, e.pageY - currentPageY);
- updateContentScrollTop();
- e.stopPropagation();
- e.preventDefault();
- }
- });
-
- $(document).bind('mouseup.perfect-scroll', function (e) {
- if ($scrollbarY.hasClass('in-scrolling')) {
- $scrollbarY.removeClass('in-scrolling');
- }
- });
- };
-
- // bind handlers
- var bindMouseWheelHandler = function () {
- var shouldPreventDefault = function (deltaX, deltaY) {
- var scrollTop = $this.scrollTop();
- if (scrollTop === 0 && deltaY > 0 && deltaX === 0) {
- return !settings.wheelPropagation;
- }
- else if (scrollTop >= contentHeight - containerHeight && deltaY < 0 && deltaX === 0) {
- return !settings.wheelPropagation;
- }
-
- var scrollLeft = $this.scrollLeft();
- if (scrollLeft === 0 && deltaX < 0 && deltaY === 0) {
- return !settings.wheelPropagation;
- }
- else if (scrollLeft >= contentWidth - containerWidth && deltaX > 0 && deltaY === 0) {
- return !settings.wheelPropagation;
- }
- return true;
+ var updateContentScrollTop = function () {
+ var scrollTop = parseInt(scrollbarYTop * contentHeight / containerHeight, 10);
+ $this.scrollTop(scrollTop);
+ $scrollbarX.css({bottom: scrollbarXBottom - scrollTop});
};
- $this.mousewheel(function (e, delta, deltaX, deltaY) {
- $this.scrollTop($this.scrollTop() - (deltaY * settings.wheelSpeed));
- $this.scrollLeft($this.scrollLeft() + (deltaX * settings.wheelSpeed));
-
- // update bar position
- updateBarSizeAndPosition();
-
- if (shouldPreventDefault(deltaX, deltaY)) {
- e.preventDefault();
- }
- });
- };
-
- // bind mobile touch handler
- var bindMobileTouchHandler = function () {
- var applyTouchMove = function (differenceX, differenceY) {
- $this.scrollTop($this.scrollTop() - differenceY);
- $this.scrollLeft($this.scrollLeft() - differenceX);
-
- // update bar position
- updateBarSizeAndPosition();
+ var updateContentScrollLeft = function () {
+ var scrollLeft = parseInt(scrollbarXLeft * contentWidth / containerWidth, 10);
+ $this.scrollLeft(scrollLeft);
+ $scrollbarY.css({right: scrollbarYRight - scrollLeft});
};
- var startCoords = {},
- startTime = 0,
- speed = {},
- breakingProcess = null;
-
- $this.bind("touchstart.perfect-scroll", function (e) {
- var touch = e.originalEvent.targetTouches[0];
-
- startCoords.pageX = touch.pageX;
- startCoords.pageY = touch.pageY;
-
- startTime = (new Date()).getTime();
-
- if (breakingProcess !== null) {
- clearInterval(breakingProcess);
+ var updateBarSizeAndPosition = function () {
+ containerWidth = $this.width();
+ containerHeight = $this.height();
+ contentWidth = $content.outerWidth(false);
+ contentHeight = $content.outerHeight(false);
+ if (containerWidth < contentWidth) {
+ scrollbarXWidth = parseInt(containerWidth * containerWidth / contentWidth, 10);
+ scrollbarXLeft = parseInt($this.scrollLeft() * containerWidth / contentWidth, 10);
+ }
+ else {
+ scrollbarXWidth = 0;
+ scrollbarXLeft = 0;
+ $this.scrollLeft(0);
+ }
+ if (containerHeight < contentHeight) {
+ scrollbarYHeight = parseInt(containerHeight * containerHeight / contentHeight, 10);
+ scrollbarYTop = parseInt($this.scrollTop() * containerHeight / contentHeight, 10);
+ }
+ else {
+ scrollbarYHeight = 0;
+ scrollbarYTop = 0;
+ $this.scrollTop(0);
}
- });
- $this.bind("touchmove.perfect-scroll", function (e) {
- var touch = e.originalEvent.targetTouches[0];
- var currentCoords = {};
- currentCoords.pageX = touch.pageX;
- currentCoords.pageY = touch.pageY;
+ if (scrollbarYTop >= containerHeight - scrollbarYHeight) {
+ scrollbarYTop = containerHeight - scrollbarYHeight;
+ }
+ if (scrollbarXLeft >= containerWidth - scrollbarXWidth) {
+ scrollbarXLeft = containerWidth - scrollbarXWidth;
+ }
- var differenceX = currentCoords.pageX - startCoords.pageX,
- differenceY = currentCoords.pageY - startCoords.pageY;
+ $scrollbarX.css({left: scrollbarXLeft + $this.scrollLeft(), bottom: scrollbarXBottom - $this.scrollTop(), width: scrollbarXWidth});
+ $scrollbarY.css({top: scrollbarYTop + $this.scrollTop(), right: scrollbarYRight - $this.scrollLeft(), height: scrollbarYHeight});
+ };
- applyTouchMove(differenceX, differenceY);
- startCoords = currentCoords;
+ var moveBarX = function (currentLeft, deltaX) {
+ var newLeft = currentLeft + deltaX,
+ maxLeft = containerWidth - scrollbarXWidth;
- var currentTime = (new Date()).getTime();
- speed.x = differenceX / (currentTime - startTime);
- speed.y = differenceY / (currentTime - startTime);
- startTime = currentTime;
+ if (newLeft < 0) {
+ scrollbarXLeft = 0;
+ }
+ else if (newLeft > maxLeft) {
+ scrollbarXLeft = maxLeft;
+ }
+ else {
+ scrollbarXLeft = newLeft;
+ }
+ $scrollbarX.css({left: scrollbarXLeft + $this.scrollLeft()});
+ };
- e.preventDefault();
- });
- $this.bind("touchend.perfect-scroll", function (e) {
- breakingProcess = setInterval(function () {
- if (Math.abs(speed.x) < 0.01 && Math.abs(speed.y) < 0.01) {
- clearInterval(breakingProcess);
- return;
+ var moveBarY = function (currentTop, deltaY) {
+ var newTop = currentTop + deltaY,
+ maxTop = containerHeight - scrollbarYHeight;
+
+ if (newTop < 0) {
+ scrollbarYTop = 0;
+ }
+ else if (newTop > maxTop) {
+ scrollbarYTop = maxTop;
+ }
+ else {
+ scrollbarYTop = newTop;
+ }
+ $scrollbarY.css({top: scrollbarYTop + $this.scrollTop()});
+ };
+
+ var bindMouseScrollXHandler = function () {
+ var currentLeft,
+ currentPageX;
+
+ $scrollbarX.bind('mousedown.perfect-scroll', function (e) {
+ currentPageX = e.pageX;
+ currentLeft = $scrollbarX.position().left;
+ $scrollbarX.addClass('in-scrolling');
+ e.stopPropagation();
+ e.preventDefault();
+ });
+
+ $(document).bind('mousemove.perfect-scroll', function (e) {
+ if ($scrollbarX.hasClass('in-scrolling')) {
+ moveBarX(currentLeft, e.pageX - currentPageX);
+ updateContentScrollLeft();
+ e.stopPropagation();
+ e.preventDefault();
+ }
+ });
+
+ $(document).bind('mouseup.perfect-scroll', function (e) {
+ if ($scrollbarX.hasClass('in-scrolling')) {
+ $scrollbarX.removeClass('in-scrolling');
+ }
+ });
+ };
+
+ var bindMouseScrollYHandler = function () {
+ var currentTop,
+ currentPageY;
+
+ $scrollbarY.bind('mousedown.perfect-scroll', function (e) {
+ currentPageY = e.pageY;
+ currentTop = $scrollbarY.position().top;
+ $scrollbarY.addClass('in-scrolling');
+ e.stopPropagation();
+ e.preventDefault();
+ });
+
+ $(document).bind('mousemove.perfect-scroll', function (e) {
+ if ($scrollbarY.hasClass('in-scrolling')) {
+ moveBarY(currentTop, e.pageY - currentPageY);
+ updateContentScrollTop();
+ e.stopPropagation();
+ e.preventDefault();
+ }
+ });
+
+ $(document).bind('mouseup.perfect-scroll', function (e) {
+ if ($scrollbarY.hasClass('in-scrolling')) {
+ $scrollbarY.removeClass('in-scrolling');
+ }
+ });
+ };
+
+ // bind handlers
+ var bindMouseWheelHandler = function () {
+ var shouldPreventDefault = function (deltaX, deltaY) {
+ var scrollTop = $this.scrollTop();
+ if (scrollTop === 0 && deltaY > 0 && deltaX === 0) {
+ return !settings.wheelPropagation;
+ }
+ else if (scrollTop >= contentHeight - containerHeight && deltaY < 0 && deltaX === 0) {
+ return !settings.wheelPropagation;
}
- applyTouchMove(speed.x * 30, speed.y * 30);
+ var scrollLeft = $this.scrollLeft();
+ if (scrollLeft === 0 && deltaX < 0 && deltaY === 0) {
+ return !settings.wheelPropagation;
+ }
+ else if (scrollLeft >= contentWidth - containerWidth && deltaX > 0 && deltaY === 0) {
+ return !settings.wheelPropagation;
+ }
+ return true;
+ };
- speed.x *= 0.8;
- speed.y *= 0.8;
- }, 10);
- });
- };
+ $this.mousewheel(function (e, delta, deltaX, deltaY) {
+ $this.scrollTop($this.scrollTop() - (deltaY * settings.wheelSpeed));
+ $this.scrollLeft($this.scrollLeft() + (deltaX * settings.wheelSpeed));
- var destroy = function () {
- $scrollbarX.remove();
- $scrollbarY.remove();
- $this.unbind('mousewheel');
- $this.unbind('touchstart.perfect-scroll');
- $this.unbind('touchmove.perfect-scroll');
- $this.unbind('touchend.perfect-scroll');
- $(window).unbind('mousemove.perfect-scroll');
- $(window).unbind('mouseup.perfect-scroll');
- $this.data('perfect-scrollbar', null);
- $this.data('perfect-scrollbar-update', null);
- $this.data('perfect-scrollbar-destroy', null);
- };
+ // update bar position
+ updateBarSizeAndPosition();
- var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
+ if (shouldPreventDefault(deltaX, deltaY)) {
+ e.preventDefault();
+ }
+ });
+ };
- var initialize = function () {
- updateBarSizeAndPosition();
- bindMouseScrollXHandler();
- bindMouseScrollYHandler();
- if (isMobile) {
- bindMobileTouchHandler();
- }
- if ($this.mousewheel) {
- bindMouseWheelHandler();
- }
- $this.data('perfect-scrollbar', $this);
- $this.data('perfect-scrollbar-update', updateBarSizeAndPosition);
- $this.data('perfect-scrollbar-destroy', destroy);
- };
+ // bind mobile touch handler
+ var bindMobileTouchHandler = function () {
+ var applyTouchMove = function (differenceX, differenceY) {
+ $this.scrollTop($this.scrollTop() - differenceY);
+ $this.scrollLeft($this.scrollLeft() - differenceX);
- // initialize
- initialize();
+ // update bar position
+ updateBarSizeAndPosition();
+ };
- return $this;
+ var startCoords = {},
+ startTime = 0,
+ speed = {},
+ breakingProcess = null;
+
+ $this.bind("touchstart.perfect-scroll", function (e) {
+ var touch = e.originalEvent.targetTouches[0];
+
+ startCoords.pageX = touch.pageX;
+ startCoords.pageY = touch.pageY;
+
+ startTime = (new Date()).getTime();
+
+ if (breakingProcess !== null) {
+ clearInterval(breakingProcess);
+ }
+ });
+ $this.bind("touchmove.perfect-scroll", function (e) {
+ var touch = e.originalEvent.targetTouches[0];
+
+ var currentCoords = {};
+ currentCoords.pageX = touch.pageX;
+ currentCoords.pageY = touch.pageY;
+
+ var differenceX = currentCoords.pageX - startCoords.pageX,
+ differenceY = currentCoords.pageY - startCoords.pageY;
+
+ applyTouchMove(differenceX, differenceY);
+ startCoords = currentCoords;
+
+ var currentTime = (new Date()).getTime();
+ speed.x = differenceX / (currentTime - startTime);
+ speed.y = differenceY / (currentTime - startTime);
+ startTime = currentTime;
+
+ e.preventDefault();
+ });
+ $this.bind("touchend.perfect-scroll", function (e) {
+ breakingProcess = setInterval(function () {
+ if (Math.abs(speed.x) < 0.01 && Math.abs(speed.y) < 0.01) {
+ clearInterval(breakingProcess);
+ return;
+ }
+
+ applyTouchMove(speed.x * 30, speed.y * 30);
+
+ speed.x *= 0.8;
+ speed.y *= 0.8;
+ }, 10);
+ });
+ };
+
+ var destroy = function () {
+ $scrollbarX.remove();
+ $scrollbarY.remove();
+ $this.unbind('mousewheel');
+ $this.unbind('touchstart.perfect-scroll');
+ $this.unbind('touchmove.perfect-scroll');
+ $this.unbind('touchend.perfect-scroll');
+ $(window).unbind('mousemove.perfect-scroll');
+ $(window).unbind('mouseup.perfect-scroll');
+ $this.data('perfect-scrollbar', null);
+ $this.data('perfect-scrollbar-update', null);
+ $this.data('perfect-scrollbar-destroy', null);
+ };
+
+ var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
+
+ var initialize = function () {
+ updateBarSizeAndPosition();
+ bindMouseScrollXHandler();
+ bindMouseScrollYHandler();
+ if (isMobile) {
+ bindMobileTouchHandler();
+ }
+ if ($this.mousewheel) {
+ bindMouseWheelHandler();
+ }
+ $this.data('perfect-scrollbar', $this);
+ $this.data('perfect-scrollbar-update', updateBarSizeAndPosition);
+ $this.data('perfect-scrollbar-destroy', destroy);
+ };
+
+ // initialize
+ initialize();
+
+ return $this;
+ });
};
})(jQuery));