* Released under MIT license, http://cubiq.org/license
*/
-namespace('Roo.ux');
+// should we even bother...???
+Roo.namespace('Roo.ux');
(function(){
-var m = Math,
- vendor = (/webkit/i).test(navigator.appVersion) ? 'webkit' :
- (/firefox/i).test(navigator.userAgent) ? 'Moz' :
- 'opera' in window ? 'O' : '',
-
- // Browser capabilities
- has3d = 'WebKitCSSMatrix' in window && 'm11' in new WebKitCSSMatrix(),
- hasTouch = 'ontouchstart' in window,
- hasTransform = vendor + 'Transform' in document.documentElement.style,
- isAndroid = (/android/gi).test(navigator.appVersion),
- isIDevice = (/iphone|ipad/gi).test(navigator.appVersion),
- isPlaybook = (/playbook/gi).test(navigator.appVersion),
- hasTransitionEnd = isIDevice || isPlaybook,
- nextFrame = (function() {
- return window.requestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.oRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { return setTimeout(callback, 1); }
- })(),
- cancelFrame = (function () {
- return window.cancelRequestAnimationFrame
- || window.webkitCancelRequestAnimationFrame
- || window.mozCancelRequestAnimationFrame
- || window.oCancelRequestAnimationFrame
- || window.msCancelRequestAnimationFrame
- || clearTimeout
- })(),
-
- // Events
- RESIZE_EV = 'onorientationchange' in window ? 'orientationchange' : 'resize',
- START_EV = hasTouch ? 'touchstart' : 'mousedown',
- MOVE_EV = hasTouch ? 'touchmove' : 'mousemove',
- END_EV = hasTouch ? 'touchend' : 'mouseup',
- CANCEL_EV = hasTouch ? 'touchcancel' : 'mouseup',
- WHEEL_EV = vendor == 'Moz' ? 'DOMMouseScroll' : 'mousewheel',
-
- // Helpers
- trnOpen = 'translate' + (has3d ? '3d(' : '('),
- trnClose = has3d ? ',0)' : ')',
+ var m = Math,
+ vendor = (/webkit/i).test(navigator.appVersion) ? 'webkit' :
+ (/firefox/i).test(navigator.userAgent) ? 'Moz' :
+ 'opera' in window ? 'O' : '',
+
+ // Browser capabilities
+ has3d = 'WebKitCSSMatrix' in window && 'm11' in new WebKitCSSMatrix(),
+ hasTouch = 'ontouchstart' in window,
+ hasTransform = vendor + 'Transform' in document.documentElement.style,
+ isAndroid = (/android/gi).test(navigator.appVersion),
+ isIDevice = (/iphone|ipad/gi).test(navigator.appVersion),
+ isPlaybook = (/playbook/gi).test(navigator.appVersion),
+ hasTransitionEnd = isIDevice || isPlaybook,
+ nextFrame = (function() {
+ return window.requestAnimationFrame
+ || window.webkitRequestAnimationFrame
+ || window.mozRequestAnimationFrame
+ || window.oRequestAnimationFrame
+ || window.msRequestAnimationFrame
+ || function(callback) { return setTimeout(callback, 1); }
+ })(),
+ cancelFrame = (function () {
+ return window.cancelRequestAnimationFrame
+ || window.webkitCancelRequestAnimationFrame
+ || window.mozCancelRequestAnimationFrame
+ || window.oCancelRequestAnimationFrame
+ || window.msCancelRequestAnimationFrame
+ || clearTimeout
+ })(),
+
+ // Events
+ RESIZE_EV = 'onorientationchange' in window ? 'orientationchange' : 'resize',
+ START_EV = hasTouch ? 'touchstart' : 'mousedown',
+ MOVE_EV = hasTouch ? 'touchmove' : 'mousemove',
+ END_EV = hasTouch ? 'touchend' : 'mouseup',
+ CANCEL_EV = hasTouch ? 'touchcancel' : 'mouseup',
+ WHEEL_EV = vendor == 'Moz' ? 'DOMMouseScroll' : 'mousewheel',
+
+ // Helpers
+ trnOpen = 'translate' + (has3d ? '3d(' : '('),
+ trnClose = has3d ? ',0)' : ')';
// Constructor
- Roo.ux.iScroll = function (el, options) {
+Roo.ux.iScroll = function (el, options) {
var that = this,
doc = document,
i;
- that.wrapper = typeof el == 'object' ? el : doc.getElementById(el);
+
+ that.wrapper = typeof el == 'object' ? el : doc.getElementById(el);
+
that.wrapper.style.overflow = 'hidden';
that.scroller = that.wrapper.children[0];
+
+
+
// Default options
that.options = {
};
// Prototype
-iScroll.prototype = {
+Roo.ux.iScroll.prototype = {
enabled: true,
x: 0,
y: 0,
if (that.options.scrollbarClass) bar.className = that.options.scrollbarClass + dir.toUpperCase();
else bar.style.cssText = 'position:absolute;z-index:100;' + (dir == 'h' ? 'height:7px;bottom:1px;left:2px;right:' + (that.vScrollbar ? '7' : '2') + 'px' : 'width:7px;bottom:' + (that.hScrollbar ? '7' : '2') + 'px;top:2px;right:1px');
- bar.style.cssText += ';pointer-events:none;-' + vendor + '-transition-property:opacity;-' + vendor + '-transition-duration:' + (that.options.fadeScrollbar ? '350ms' : '0') + ';overflow:hidden;opacity:' + (that.options.hideScrollbar ? '0' : '1');
+ bar.style.cssText += ';pointer-events:none;-' +
+ vendor + '-transition-property:opacity;-' +
+ vendor + '-transition-duration:' + (that.options.fadeScrollbar ? '350ms' : '0') +
+ ';overflow:hidden;opacity:' + (that.options.hideScrollbar ? '0' : '1');
that.wrapper.appendChild(bar);
that[dir + 'ScrollbarWrapper'] = bar;
}
};
-if (typeof exports !== 'undefined') exports.iScroll = iScroll;
-else window.iScroll = iScroll;
+//if (typeof exports !== 'undefined') exports.iScroll = iScroll;
+//else window.iScroll = iScroll;
})();
\ No newline at end of file