%PDF-
%PDF-
Mini Shell
Mini Shell
;(function (factory)
{
if (typeof define === 'function' && define.amd)
{
define(['jquery'], factory);
}
else if (typeof exports === 'object')
{
factory(require('jquery'));
}
else
{
factory(jQuery);
}
}
(function ($)
{
"use strict";
var pluginName = "tinyscrollbar"
, defaults =
{
axis : 'y' // Vertical or horizontal scrollbar? ( x || y ).
, wheel : true // Enable or disable the mousewheel;
, wheelSpeed : 40 // How many pixels must the mouswheel scroll at a time.
, wheelLock : true // Lock default scrolling window when there is no more content.
, scrollInvert : false // Enable invert style scrolling
, trackSize : false // Set the size of the scrollbar to auto or a fixed number.
, thumbSize : false // Set the size of the thumb to auto or a fixed number.
}
;
function Plugin($container, options)
{
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
var self = this
, $viewport = $container.find(".viewport")
, $overview = $container.find(".overview")
, $scrollbar = $container.find(".scrollbar")
, $track = $scrollbar.find(".track")
, $thumb = $scrollbar.find(".thumb")
, mousePosition = 0
, isHorizontal = this.options.axis === 'x'
, hasTouchEvents = ("ontouchstart" in document.documentElement)
, wheelEvent = ("onwheel" in document || document.documentMode >= 9) ? "wheel" :
(document.onmousewheel !== undefined ? "mousewheel" : "DOMMouseScroll")
, sizeLabel = isHorizontal ? "width" : "height"
, posiLabel = isHorizontal ? "left" : "top"
;
this.contentPosition = 0;
this.viewportSize = 0;
this.contentSize = 0;
this.contentRatio = 0;
this.trackSize = 0;
this.trackRatio = 0;
this.thumbSize = 0;
this.thumbPosition = 0;
function initialize()
{
self.update();
setEvents();
return self;
}
this.update = function(scrollTo)
{
var sizeLabelCap = sizeLabel.charAt(0).toUpperCase() + sizeLabel.slice(1).toLowerCase();
this.viewportSize = $viewport[0]['offset'+ sizeLabelCap];
this.contentSize = $overview[0]['scroll'+ sizeLabelCap];
this.contentRatio = this.viewportSize / this.contentSize;
this.trackSize = this.options.trackSize || this.viewportSize;
this.thumbSize = Math.min(this.trackSize, Math.max(0, (this.options.thumbSize || (this.trackSize * this.contentRatio))));
this.trackRatio = this.options.thumbSize ? (this.contentSize - this.viewportSize) / (this.trackSize - this.thumbSize) : (this.contentSize / this.trackSize);
$scrollbar.toggleClass("disable", this.contentRatio >= 1);
switch (scrollTo)
{
case "bottom":
this.contentPosition = this.contentSize - this.viewportSize;
break;
case "relative":
this.contentPosition = Math.min(this.contentSize - this.viewportSize, Math.max(0, this.contentPosition));
break;
default:
this.contentPosition = parseInt(scrollTo, 10) || 0;
}
setSize();
return self;
};
function setSize()
{
$thumb.css(posiLabel, self.contentPosition / self.trackRatio);
$overview.css(posiLabel, -self.contentPosition);
$scrollbar.css(sizeLabel, self.trackSize);
$track.css(sizeLabel, self.trackSize);
$thumb.css(sizeLabel, self.thumbSize);
}
function setEvents()
{
if(hasTouchEvents)
{
$viewport[0].ontouchstart = function(event)
{
if(1 === event.touches.length)
{
event.stopPropagation();
start(event.touches[0]);
}
};
}
else
{
$thumb.bind("mousedown", start);
$track.bind("mousedown", drag);
}
$(window).resize(function()
{
self.update("relative");
});
if(self.options.wheel && window.addEventListener)
{
$container[0].addEventListener(wheelEvent, wheel, false );
}
else if(self.options.wheel)
{
$container[0].onmousewheel = wheel;
}
}
function start(event)
{
$("body").addClass("noSelect");
mousePosition = isHorizontal ? event.pageX : event.pageY;
self.thumbPosition = parseInt($thumb.css(posiLabel), 10) || 0;
if(hasTouchEvents)
{
document.ontouchmove = function(event)
{
event.preventDefault();
drag(event.touches[0]);
};
document.ontouchend = end;
}
else
{
$(document).bind("mousemove", drag);
$(document).bind("mouseup", end);
$thumb.bind("mouseup", end);
}
}
function wheel(event)
{
if(self.contentRatio < 1)
{
var evntObj = event || window.event
, deltaDir = "delta" + self.options.axis.toUpperCase()
, wheelSpeedDelta = -(evntObj[deltaDir] || evntObj.detail || (-1 / 3 * evntObj.wheelDelta)) / 40
;
self.contentPosition -= wheelSpeedDelta * self.options.wheelSpeed;
self.contentPosition = Math.min((self.contentSize - self.viewportSize), Math.max(0, self.contentPosition));
$container.trigger("move");
$thumb.css(posiLabel, self.contentPosition / self.trackRatio);
$overview.css(posiLabel, -self.contentPosition);
if(self.options.wheelLock || (self.contentPosition !== (self.contentSize - self.viewportSize) && self.contentPosition !== 0))
{
evntObj = $.event.fix(evntObj);
evntObj.preventDefault();
}
}
}
function drag(event)
{
if(self.contentRatio < 1)
{
var mousePositionNew = isHorizontal ? event.pageX : event.pageY
, thumbPositionDelta = mousePositionNew - mousePosition
;
if(self.options.scrollInvert && hasTouchEvents)
{
thumbPositionDelta = mousePosition - mousePositionNew;
}
var thumbPositionNew = Math.min((self.trackSize - self.thumbSize), Math.max(0, self.thumbPosition + thumbPositionDelta));
self.contentPosition = thumbPositionNew * self.trackRatio;
$container.trigger("move");
$thumb.css(posiLabel, thumbPositionNew);
$overview.css(posiLabel, -self.contentPosition);
}
}
function end()
{
$("body").removeClass("noSelect");
$(document).unbind("mousemove", drag);
$(document).unbind("mouseup", end);
$thumb.unbind("mouseup", end);
document.ontouchmove = document.ontouchend = null;
}
return initialize();
}
$.fn[pluginName] = function(options)
{
return this.each(function()
{
if(!$.data(this, "plugin_" + pluginName))
{
$.data(this, "plugin_" + pluginName, new Plugin($(this), options));
}
});
};
}));
Zerion Mini Shell 1.0