first commit
This commit is contained in:
@@ -0,0 +1,345 @@
|
||||
/*!
|
||||
* nanoScrollerJS - v0.8.4
|
||||
* (c) 2014 James Florentino; Licensed MIT
|
||||
*/
|
||||
|
||||
! function(a) {
|
||||
return "function" == typeof define && define.amd ? define(["jquery"],
|
||||
function(b) {
|
||||
return a(b, window, document)
|
||||
}) : a(jQuery, window, document)
|
||||
}(function(a, b, c) {
|
||||
"use strict";
|
||||
var d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z,
|
||||
A, B, C, D, E, F, G, H;
|
||||
z = {
|
||||
paneClass: "nano-pane",
|
||||
sliderClass: "nano-slider",
|
||||
contentClass: "nano-content",
|
||||
iOSNativeScrolling: !1,
|
||||
preventPageScrolling: !1,
|
||||
disableResize: !1,
|
||||
alwaysVisible: !1,
|
||||
flashDelay: 1500,
|
||||
sliderMinHeight: 20,
|
||||
sliderMaxHeight: null,
|
||||
documentContext: null,
|
||||
windowContext: null
|
||||
}, u = "scrollbar", t = "scroll", l = "mousedown", m = "mouseenter",
|
||||
n = "mousemove", p = "mousewheel", o = "mouseup", s = "resize", h =
|
||||
"drag", i = "enter", w = "up", r = "panedown", f = "DOMMouseScroll",
|
||||
g = "down", x = "wheel", j = "keydown", k = "keyup", v =
|
||||
"touchmove", d = "Microsoft Internet Explorer" === b.navigator.appName &&
|
||||
/msie 7./i.test(b.navigator.appVersion) && b.ActiveXObject, e =
|
||||
null, D = b.requestAnimationFrame, y = b.cancelAnimationFrame, F =
|
||||
c.createElement("div").style, H = function() {
|
||||
var a, b, c, d, e, f;
|
||||
for (d = ["t", "webkitT", "MozT", "msT", "OT"], a = e = 0, f =
|
||||
d.length; f > e; a = ++e)
|
||||
if (c = d[a], b = d[a] + "ransform", b in F) return d[a].substr(
|
||||
0, d[a].length - 1);
|
||||
return !1
|
||||
}(), G = function(a) {
|
||||
return H === !1 ? !1 : "" === H ? a : H + a.charAt(0).toUpperCase() +
|
||||
a.substr(1)
|
||||
}, E = G("transform"), B = E !== !1, A = function() {
|
||||
var a, b, d;
|
||||
return a = c.createElement("div"), b = a.style, b.position =
|
||||
"absolute", b.width = "100px", b.height = "100px", b.overflow =
|
||||
t, b.top = "-9999px", c.body.appendChild(a), d = a.offsetWidth -
|
||||
a.clientWidth, c.body.removeChild(a), d
|
||||
}, C = function() {
|
||||
var a, c, d;
|
||||
return c = b.navigator.userAgent, (a =
|
||||
/(?=.+Mac OS X)(?=.+Firefox)/.test(c)) ? (d =
|
||||
/Firefox\/\d{2}\./.exec(c), d && (d = d[0].replace(
|
||||
/\D+/g, "")), a && +d > 23) : !1
|
||||
}, q = function() {
|
||||
function j(d, f) {
|
||||
this.el = d, this.options = f, e || (e = A()), this.$el =
|
||||
a(this.el), this.doc = a(this.options.documentContext ||
|
||||
c), this.win = a(this.options.windowContext ||
|
||||
b), this.body = this.doc.find("body"), this.$content =
|
||||
this.$el.children("." + f.contentClass), this.$content
|
||||
.attr("tabindex", this.options.tabIndex || 0), this
|
||||
.content = this.$content[0], this.previousPosition =
|
||||
0, this.options.iOSNativeScrolling && null != this.el
|
||||
.style.WebkitOverflowScrolling ? this.nativeScrolling() :
|
||||
this.generate(), this.createEvents(), this.addEvents(),
|
||||
this.reset()
|
||||
}
|
||||
return j.prototype.preventScrolling = function(a, b) {
|
||||
if (this.isActive)
|
||||
if (a.type === f)(b === g && a.originalEvent.detail >
|
||||
0 || b === w && a.originalEvent.detail < 0) &&
|
||||
a.preventDefault();
|
||||
else if (a.type === p) {
|
||||
if (!a.originalEvent || !a.originalEvent.wheelDelta)
|
||||
return;
|
||||
(b === g && a.originalEvent.wheelDelta < 0 || b ===
|
||||
w && a.originalEvent.wheelDelta > 0) && a.preventDefault()
|
||||
}
|
||||
}, j.prototype.nativeScrolling = function() {
|
||||
this.$content.css({
|
||||
WebkitOverflowScrolling: "touch"
|
||||
}), this.iOSNativeScrolling = !0, this.isActive = !
|
||||
0
|
||||
}, j.prototype.updateScrollValues = function() {
|
||||
var a, b;
|
||||
a = this.content, this.maxScrollTop = a.scrollHeight -
|
||||
a.clientHeight, this.prevScrollTop = this.contentScrollTop ||
|
||||
0, this.contentScrollTop = a.scrollTop, b = this.contentScrollTop >
|
||||
this.previousPosition ? "down" : this.contentScrollTop <
|
||||
this.previousPosition ? "up" : "same", this.previousPosition =
|
||||
this.contentScrollTop, "same" !== b && this.$el.trigger(
|
||||
"update", {
|
||||
position: this.contentScrollTop,
|
||||
maximum: this.maxScrollTop,
|
||||
direction: b
|
||||
}), this.iOSNativeScrolling || (this.maxSliderTop =
|
||||
this.paneHeight - this.sliderHeight, this.sliderTop =
|
||||
0 === this.maxScrollTop ? 0 : this.contentScrollTop *
|
||||
this.maxSliderTop / this.maxScrollTop)
|
||||
}, j.prototype.setOnScrollStyles = function() {
|
||||
var a;
|
||||
B ? (a = {}, a[E] = "translate(0, " + this.sliderTop +
|
||||
"px)") : a = {
|
||||
top: this.sliderTop
|
||||
}, D ? (y && this.scrollRAF && y(this.scrollRAF),
|
||||
this.scrollRAF = D(function(b) {
|
||||
return function() {
|
||||
return b.scrollRAF = null, b.slider
|
||||
.css(a)
|
||||
}
|
||||
}(this))) : this.slider.css(a)
|
||||
}, j.prototype.createEvents = function() {
|
||||
this.events = {
|
||||
down: function(a) {
|
||||
return function(b) {
|
||||
return a.isBeingDragged = !0, a
|
||||
.offsetY = b.pageY - a.slider
|
||||
.offset().top, a.slider.is(
|
||||
b.target) || (a.offsetY =
|
||||
0), a.pane.addClass(
|
||||
"active"), a.doc.bind(n,
|
||||
a.events[h]).bind(o, a.events[
|
||||
w]), a.body.bind(m, a.events[
|
||||
i]), !1
|
||||
}
|
||||
}(this),
|
||||
drag: function(a) {
|
||||
return function(b) {
|
||||
return a.sliderY = b.pageY - a.$el
|
||||
.offset().top - a.paneTop -
|
||||
(a.offsetY || .5 * a.sliderHeight),
|
||||
a.scroll(), a.contentScrollTop >=
|
||||
a.maxScrollTop && a.prevScrollTop !==
|
||||
a.maxScrollTop ? a.$el.trigger(
|
||||
"scrollend") : 0 === a.contentScrollTop &&
|
||||
0 !== a.prevScrollTop && a.$el
|
||||
.trigger("scrolltop"), !1
|
||||
}
|
||||
}(this),
|
||||
up: function(a) {
|
||||
return function() {
|
||||
return a.isBeingDragged = !1, a
|
||||
.pane.removeClass("active"),
|
||||
a.doc.unbind(n, a.events[h])
|
||||
.unbind(o, a.events[w]), a.body
|
||||
.unbind(m, a.events[i]), !1
|
||||
}
|
||||
}(this),
|
||||
resize: function(a) {
|
||||
return function() {
|
||||
a.reset()
|
||||
}
|
||||
}(this),
|
||||
panedown: function(a) {
|
||||
return function(b) {
|
||||
return a.sliderY = (b.offsetY ||
|
||||
b.originalEvent.layerY) -
|
||||
.5 * a.sliderHeight, a.scroll(),
|
||||
a.events.down(b), !1
|
||||
}
|
||||
}(this),
|
||||
scroll: function(a) {
|
||||
return function(b) {
|
||||
a.updateScrollValues(), a.isBeingDragged ||
|
||||
(a.iOSNativeScrolling || (a
|
||||
.sliderY = a.sliderTop,
|
||||
a.setOnScrollStyles()
|
||||
), null != b && (a.contentScrollTop >=
|
||||
a.maxScrollTop ? (a
|
||||
.options.preventPageScrolling &&
|
||||
a.preventScrolling(
|
||||
b, g), a.prevScrollTop !==
|
||||
a.maxScrollTop &&
|
||||
a.$el.trigger(
|
||||
"scrollend"
|
||||
)) : 0 === a.contentScrollTop &&
|
||||
(a.options.preventPageScrolling &&
|
||||
a.preventScrolling(
|
||||
b, w), 0 !==
|
||||
a.prevScrollTop &&
|
||||
a.$el.trigger(
|
||||
"scrolltop"
|
||||
))))
|
||||
}
|
||||
}(this),
|
||||
wheel: function(a) {
|
||||
return function(b) {
|
||||
var c;
|
||||
if (null != b) return c = b.delta ||
|
||||
b.wheelDelta || b.originalEvent &&
|
||||
b.originalEvent.wheelDelta ||
|
||||
-b.detail || b.originalEvent &&
|
||||
-b.originalEvent.detail,
|
||||
c && (a.sliderY += -c /
|
||||
3), a.scroll(), !1
|
||||
}
|
||||
}(this),
|
||||
enter: function(a) {
|
||||
return function(b) {
|
||||
var c;
|
||||
if (a.isBeingDragged) return 1 !==
|
||||
(b.buttons || b.which) ?
|
||||
(c = a.events)[w].apply(
|
||||
c, arguments) :
|
||||
void 0
|
||||
}
|
||||
}(this)
|
||||
}
|
||||
}, j.prototype.addEvents = function() {
|
||||
var a;
|
||||
this.removeEvents(), a = this.events, this.options.disableResize ||
|
||||
this.win.bind(s, a[s]), this.iOSNativeScrolling ||
|
||||
(this.slider.bind(l, a[g]), this.pane.bind(l, a[r])
|
||||
.bind("" + p + " " + f, a[x])), this.$content.bind(
|
||||
"" + t + " " + p + " " + f + " " + v, a[t])
|
||||
}, j.prototype.removeEvents = function() {
|
||||
var a;
|
||||
a = this.events, this.win.unbind(s, a[s]), this.iOSNativeScrolling ||
|
||||
(this.slider.unbind(), this.pane.unbind()), this.$content
|
||||
.unbind("" + t + " " + p + " " + f + " " + v, a[t])
|
||||
}, j.prototype.generate = function() {
|
||||
var a, c, d, f, g, h, i;
|
||||
return f = this.options, h = f.paneClass, i = f.sliderClass,
|
||||
a = f.contentClass, (g = this.$el.children("." + h))
|
||||
.length || g.children("." + i).length || this.$el.append(
|
||||
'<div class="' + h + '"><div class="' + i +
|
||||
'" /></div>'), this.pane = this.$el.children(
|
||||
"." + h), this.slider = this.pane.find("." + i),
|
||||
0 === e && C() ? (d = b.getComputedStyle(this.content,
|
||||
null).getPropertyValue("padding-right").replace(
|
||||
/[^0-9.]+/g, ""), c = {
|
||||
right: -14,
|
||||
paddingRight: +d + 14
|
||||
}) : e && (c = {
|
||||
right: -e
|
||||
}, this.$el.addClass("has-scrollbar")), null != c &&
|
||||
this.$content.css(c), this
|
||||
}, j.prototype.restore = function() {
|
||||
this.stopped = !1, this.iOSNativeScrolling || this.pane
|
||||
.show(), this.addEvents()
|
||||
}, j.prototype.reset = function() {
|
||||
var a, b, c, f, g, h, i, j, k, l, m, n;
|
||||
return this.iOSNativeScrolling ? void(this.contentHeight =
|
||||
this.content.scrollHeight) : (this.$el.find("." +
|
||||
this.options.paneClass).length || this.generate()
|
||||
.stop(), this.stopped && this.restore(), a =
|
||||
this.content, f = a.style, g = f.overflowY, d &&
|
||||
this.$content.css({
|
||||
height: this.$content.height()
|
||||
}), b = a.scrollHeight + e, l = parseInt(this.$el
|
||||
.css("max-height"), 10), l > 0 && (this.$el
|
||||
.height(""), this.$el.height(a.scrollHeight >
|
||||
l ? l : a.scrollHeight)), i = this.pane
|
||||
.outerHeight(!1), k = parseInt(this.pane.css(
|
||||
"top"), 10), h = parseInt(this.pane.css(
|
||||
"bottom"), 10), j = i + k + h, n = Math.round(
|
||||
j / b * j), n < this.options.sliderMinHeight ?
|
||||
n = this.options.sliderMinHeight : null != this
|
||||
.options.sliderMaxHeight && n > this.options.sliderMaxHeight &&
|
||||
(n = this.options.sliderMaxHeight), g === t &&
|
||||
f.overflowX !== t && (n += e), this.maxSliderTop =
|
||||
j - n, this.contentHeight = b, this.paneHeight =
|
||||
i, this.paneOuterHeight = j, this.sliderHeight =
|
||||
n, this.paneTop = k, this.slider.height(n),
|
||||
this.events.scroll(), this.pane.show(), this.isActive = !
|
||||
0, a.scrollHeight === a.clientHeight || this.pane
|
||||
.outerHeight(!0) >= a.scrollHeight && g !== t ?
|
||||
(this.pane.hide(), this.isActive = !1) : this.el
|
||||
.clientHeight === a.scrollHeight && g === t ?
|
||||
this.slider.hide() : this.slider.show(), this.pane
|
||||
.css({
|
||||
opacity: this.options.alwaysVisible ? 1 : "",
|
||||
visibility: this.options.alwaysVisible ?
|
||||
"visible" : ""
|
||||
}), c = this.$content.css("position"), (
|
||||
"static" === c || "relative" === c) && (m =
|
||||
parseInt(this.$content.css("right"), 10), m &&
|
||||
this.$content.css({
|
||||
right: "",
|
||||
marginRight: m
|
||||
})), this)
|
||||
}, j.prototype.scroll = function() {
|
||||
return this.isActive ? (this.sliderY = Math.max(0, this
|
||||
.sliderY), this.sliderY = Math.min(this.maxSliderTop,
|
||||
this.sliderY), this.$content.scrollTop(this
|
||||
.maxScrollTop * this.sliderY / this.maxSliderTop
|
||||
), this.iOSNativeScrolling || (this.updateScrollValues(),
|
||||
this.setOnScrollStyles()), this) : void 0
|
||||
}, j.prototype.scrollBottom = function(a) {
|
||||
return this.isActive ? (this.$content.scrollTop(this.contentHeight -
|
||||
this.$content.height() - a).trigger(p),
|
||||
this.stop().restore(), this) : void 0
|
||||
}, j.prototype.scrollTop = function(a) {
|
||||
return this.isActive ? (this.$content.scrollTop(+a).trigger(
|
||||
p), this.stop().restore(), this) : void 0
|
||||
}, j.prototype.scrollTo = function(a) {
|
||||
return this.isActive ? (this.scrollTop(this.$el.find(a)
|
||||
.get(0).offsetTop), this) : void 0
|
||||
}, j.prototype.stop = function() {
|
||||
return y && this.scrollRAF && (y(this.scrollRAF), this.scrollRAF =
|
||||
null), this.stopped = !0, this.removeEvents(),
|
||||
this.iOSNativeScrolling || this.pane.hide(), this
|
||||
}, j.prototype.destroy = function() {
|
||||
return this.stopped || this.stop(), !this.iOSNativeScrolling &&
|
||||
this.pane.length && this.pane.remove(), d && this.$content
|
||||
.height(""), this.$content.removeAttr("tabindex"),
|
||||
this.$el.hasClass("has-scrollbar") && (this.$el.removeClass(
|
||||
"has-scrollbar"), this.$content.css({
|
||||
right: ""
|
||||
})), this
|
||||
}, j.prototype.flash = function() {
|
||||
return !this.iOSNativeScrolling && this.isActive ? (
|
||||
this.reset(), this.pane.addClass("flashed"),
|
||||
setTimeout(function(a) {
|
||||
return function() {
|
||||
a.pane.removeClass("flashed")
|
||||
}
|
||||
}(this), this.options.flashDelay), this) : void 0
|
||||
}, j
|
||||
}(), a.fn.nanoScroller = function(b) {
|
||||
return this.each(function() {
|
||||
var c, d;
|
||||
if ((d = this.nanoscroller) || (c = a.extend({}, z,
|
||||
b), this.nanoscroller = d = new q(this,
|
||||
c)), b && "object" == typeof b) {
|
||||
if (a.extend(d.options, b), null != b.scrollBottom)
|
||||
return d.scrollBottom(b.scrollBottom);
|
||||
if (null != b.scrollTop) return d.scrollTop(b.scrollTop);
|
||||
if (b.scrollTo) return d.scrollTo(b.scrollTo);
|
||||
if ("bottom" === b.scroll) return d.scrollBottom(
|
||||
0);
|
||||
if ("top" === b.scroll) return d.scrollTop(0);
|
||||
if (b.scroll && b.scroll instanceof a) return d
|
||||
.scrollTo(b.scroll);
|
||||
if (b.stop) return d.stop();
|
||||
if (b.destroy) return d.destroy();
|
||||
if (b.flash) return d.flash()
|
||||
}
|
||||
return d.reset()
|
||||
})
|
||||
}, a.fn.nanoScroller.Constructor = q
|
||||
});
|
||||
5
libraries/framework/js/utility/nanoscroller/jquery.nanoscroller.min.js
vendored
Normal file
5
libraries/framework/js/utility/nanoscroller/jquery.nanoscroller.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user