/* jquery.nicescroll
|
-- version 3.4.0
|
-- copyright 2011-12-13 InuYaksa*2013
|
-- licensed under the MIT
|
--
|
-- http://areaaperta.com/nicescroll
|
-- https://github.com/inuyaksa/jquery.nicescroll
|
--
|
*/
|
|
;(function (jQuery) {
|
// globals
|
var domfocus = false
|
var mousefocus = false
|
var zoomactive = false
|
var tabindexcounter = 5000
|
var ascrailcounter = 2000
|
var globalmaxzindex = 0
|
|
var $ = jQuery // sandbox
|
|
// 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()
|
|
// derived by Paul Irish https://gist.github.com/paulirish/1579671 - thanks for your code!
|
|
if (!Array.prototype.forEach) {
|
// JS 1.6 polyfill
|
Array.prototype.forEach = function (fn, scope) {
|
for (var i = 0, len = this.length; i < len; ++i) {
|
fn.call(scope, this[i], i, this)
|
}
|
}
|
}
|
|
var vendors = ['ms', 'moz', 'webkit', 'o']
|
|
var setAnimationFrame = window.requestAnimationFrame || false
|
var clearAnimationFrame = window.cancelAnimationFrame || false
|
|
vendors.forEach(function (v) {
|
if (!setAnimationFrame) setAnimationFrame = window[v + 'RequestAnimationFrame']
|
if (!clearAnimationFrame)
|
clearAnimationFrame =
|
window[v + 'CancelAnimationFrame'] || window[v + 'CancelRequestAnimationFrame']
|
})
|
|
var clsMutationObserver = window.MutationObserver || window.WebKitMutationObserver || false
|
|
var _globaloptions = {
|
zindex: 'auto',
|
cursoropacitymin: 0,
|
cursoropacitymax: 1,
|
cursorcolor: '#424242',
|
cursorwidth: '5px',
|
cursorborder: '1px solid #fff',
|
cursorborderradius: '5px',
|
scrollspeed: 60,
|
mousescrollstep: 8 * 3,
|
touchbehavior: false,
|
hwacceleration: true,
|
usetransition: true,
|
boxzoom: false,
|
dblclickzoom: true,
|
gesturezoom: true,
|
grabcursorenabled: true,
|
autohidemode: true,
|
background: '',
|
iframeautoresize: true,
|
cursorminheight: 32,
|
preservenativescrolling: true,
|
railoffset: false,
|
bouncescroll: true,
|
spacebarenabled: true,
|
railpadding: { top: 0, right: 0, left: 0, bottom: 0 },
|
disableoutline: true,
|
horizrailenabled: true,
|
railalign: 'right',
|
railvalign: 'bottom',
|
enabletranslate3d: true,
|
enablemousewheel: true,
|
enablekeyboard: true,
|
smoothscroll: true,
|
sensitiverail: true,
|
enablemouselockapi: true,
|
// cursormaxheight:false,
|
cursorfixedheight: false,
|
directionlockdeadzone: 6,
|
hidecursordelay: 400,
|
nativeparentscrolling: true,
|
enablescrollonselection: true,
|
overflowx: true,
|
overflowy: true,
|
cursordragspeed: 0.3,
|
rtlmode: false,
|
cursordragontouch: false
|
}
|
|
var browserdetected = false
|
|
var getBrowserDetection = function () {
|
if (browserdetected) return browserdetected
|
|
var domtest = document.createElement('DIV')
|
|
var d = {}
|
|
d.haspointerlock =
|
'pointerLockElement' in document ||
|
'mozPointerLockElement' in document ||
|
'webkitPointerLockElement' in document
|
|
d.isopera = 'opera' in window
|
d.isopera12 = d.isopera && 'getUserMedia' in navigator
|
|
d.isie = 'all' in document && 'attachEvent' in domtest && !d.isopera
|
d.isieold = d.isie && !('msInterpolationMode' in domtest.style) // IE6 and older
|
d.isie7 = d.isie && !d.isieold && (!('documentMode' in document) || document.documentMode == 7)
|
d.isie8 = d.isie && 'documentMode' in document && document.documentMode == 8
|
d.isie9 = d.isie && 'performance' in window && document.documentMode >= 9
|
d.isie10 = d.isie && 'performance' in window && document.documentMode >= 10
|
|
d.isie9mobile = /iemobile.9/i.test(navigator.userAgent) //wp 7.1 mango
|
if (d.isie9mobile) d.isie9 = false
|
d.isie7mobile = !d.isie9mobile && d.isie7 && /iemobile/i.test(navigator.userAgent) //wp 7.0
|
|
d.ismozilla = 'MozAppearance' in domtest.style
|
|
d.iswebkit = 'WebkitAppearance' in domtest.style
|
|
d.ischrome = 'chrome' in window
|
d.ischrome22 = d.ischrome && d.haspointerlock
|
d.ischrome26 = d.ischrome && 'transition' in domtest.style // issue with transform detection (maintain prefix)
|
|
d.cantouch = 'ontouchstart' in document.documentElement || 'ontouchstart' in window // detection for Chrome Touch Emulation
|
d.hasmstouch = window.navigator.msPointerEnabled || false // IE10+ pointer events
|
|
d.ismac = /^mac$/i.test(navigator.platform)
|
|
d.isios = d.cantouch && /iphone|ipad|ipod/i.test(navigator.platform)
|
d.isios4 = d.isios && !('seal' in Object)
|
|
d.isandroid = /android/i.test(navigator.userAgent)
|
|
d.trstyle = false
|
d.hastransform = false
|
d.hastranslate3d = false
|
d.transitionstyle = false
|
d.hastransition = false
|
d.transitionend = false
|
|
var check = ['transform', 'msTransform', 'webkitTransform', 'MozTransform', 'OTransform']
|
for (var a = 0; a < check.length; a++) {
|
if (typeof domtest.style[check[a]] != 'undefined') {
|
d.trstyle = check[a]
|
break
|
}
|
}
|
d.hastransform = d.trstyle != false
|
if (d.hastransform) {
|
domtest.style[d.trstyle] = 'translate3d(1px,2px,3px)'
|
d.hastranslate3d = /translate3d/.test(domtest.style[d.trstyle])
|
}
|
|
d.transitionstyle = false
|
d.prefixstyle = ''
|
d.transitionend = false
|
var check = [
|
'transition',
|
'webkitTransition',
|
'MozTransition',
|
'OTransition',
|
'OTransition',
|
'msTransition',
|
'KhtmlTransition'
|
]
|
var prefix = ['', '-webkit-', '-moz-', '-o-', '-o', '-ms-', '-khtml-']
|
var evs = [
|
'transitionend',
|
'webkitTransitionEnd',
|
'transitionend',
|
'otransitionend',
|
'oTransitionEnd',
|
'msTransitionEnd',
|
'KhtmlTransitionEnd'
|
]
|
for (var a = 0; a < check.length; a++) {
|
if (check[a] in domtest.style) {
|
d.transitionstyle = check[a]
|
d.prefixstyle = prefix[a]
|
d.transitionend = evs[a]
|
break
|
}
|
}
|
if (d.ischrome26) {
|
// use always prefix
|
d.prefixstyle = prefix[1]
|
}
|
|
d.hastransition = d.transitionstyle
|
|
function detectCursorGrab() {
|
var lst = ['-moz-grab', '-webkit-grab', 'grab']
|
if ((d.ischrome && !d.ischrome22) || d.isie) lst = [] // force setting for IE returns false positive and chrome cursor bug
|
for (var a = 0; a < lst.length; a++) {
|
var p = lst[a]
|
domtest.style['cursor'] = p
|
if (domtest.style['cursor'] == p) return p
|
}
|
return 'url(http://www.google.com/intl/en_ALL/mapfiles/openhand.cur),n-resize' // thank you google for custom cursor!
|
}
|
d.cursorgrabvalue = detectCursorGrab()
|
|
d.hasmousecapture = 'setCapture' in domtest
|
|
d.hasMutationObserver = clsMutationObserver !== false
|
|
domtest = null //memory released
|
|
browserdetected = d
|
|
return d
|
}
|
|
var NiceScrollClass = function (myopt, me) {
|
var self = this
|
|
this.version = '3.4.0'
|
this.name = 'nicescroll'
|
|
this.me = me
|
|
this.opt = {
|
doc: $('body'),
|
win: false
|
}
|
|
$.extend(this.opt, _globaloptions)
|
|
// Options for internal use
|
this.opt.snapbackspeed = 80
|
|
if (myopt || false) {
|
for (var a in self.opt) {
|
if (typeof myopt[a] != 'undefined') self.opt[a] = myopt[a]
|
}
|
}
|
|
this.doc = self.opt.doc
|
this.iddoc = this.doc && this.doc[0] ? this.doc[0].id || '' : ''
|
this.ispage = /BODY|HTML/.test(self.opt.win ? self.opt.win[0].nodeName : this.doc[0].nodeName)
|
this.haswrapper = self.opt.win !== false
|
this.win = self.opt.win || (this.ispage ? $(window) : this.doc)
|
this.docscroll = this.ispage && !this.haswrapper ? $(window) : this.win
|
this.body = $('body')
|
this.viewport = false
|
|
this.isfixed = false
|
|
this.iframe = false
|
this.isiframe = this.doc[0].nodeName == 'IFRAME' && this.win[0].nodeName == 'IFRAME'
|
|
this.istextarea = this.win[0].nodeName == 'TEXTAREA'
|
|
this.forcescreen = false //force to use screen position on events
|
|
this.canshowonmouseevent = self.opt.autohidemode != 'scroll'
|
|
// Events jump table
|
this.onmousedown = false
|
this.onmouseup = false
|
this.onmousemove = false
|
this.onmousewheel = false
|
this.onkeypress = false
|
this.ongesturezoom = false
|
this.onclick = false
|
|
// Nicescroll custom events
|
this.onscrollstart = false
|
this.onscrollend = false
|
this.onscrollcancel = false
|
|
this.onzoomin = false
|
this.onzoomout = 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
|
|
this.checkrtlmode = false
|
|
this.scrollrunning = false
|
|
this.scrollmom = false
|
|
this.observer = false
|
this.observerremover = false // observer on parent for remove detection
|
|
do {
|
this.id = 'ascrail' + ascrailcounter++
|
} while (document.getElementById(this.id))
|
|
this.rail = false
|
this.cursor = false
|
this.cursorfreezed = false
|
this.selectiondrag = false
|
|
this.zoom = false
|
this.zoomactive = false
|
|
this.hasfocus = false
|
this.hasmousefocus = false
|
|
this.visibility = true
|
this.locked = false
|
this.hidden = false // rails always hidden
|
this.cursoractive = true // user can interact with cursors
|
|
this.overflowx = self.opt.overflowx
|
this.overflowy = self.opt.overflowy
|
|
this.nativescrollingarea = false
|
this.checkarea = 0
|
|
this.events = [] // event list for unbind
|
|
this.saved = {}
|
|
this.delaylist = {}
|
this.synclist = {}
|
|
this.lastdeltax = 0
|
this.lastdeltay = 0
|
|
this.detected = getBrowserDetection()
|
|
var cap = $.extend({}, this.detected)
|
|
this.canhwscroll = cap.hastransform && self.opt.hwacceleration
|
this.ishwscroll = this.canhwscroll && self.haswrapper
|
|
this.istouchcapable = false // desktop devices with touch screen support
|
|
//## Check Chrome desktop with touch support
|
if (cap.cantouch && cap.ischrome && !cap.isios && !cap.isandroid) {
|
this.istouchcapable = true
|
cap.cantouch = false // parse normal desktop events
|
}
|
|
//## Firefox 18 nightly build (desktop) false positive (or desktop with touch support)
|
if (cap.cantouch && cap.ismozilla && !cap.isios) {
|
this.istouchcapable = true
|
cap.cantouch = false // parse normal desktop events
|
}
|
|
//## disable MouseLock API on user request
|
|
if (!self.opt.enablemouselockapi) {
|
cap.hasmousecapture = false
|
cap.haspointerlock = false
|
}
|
|
this.delayed = function (name, fn, tm, lazy) {
|
var dd = self.delaylist[name]
|
var nw = new Date().getTime()
|
if (!lazy && dd && dd.tt) return false
|
if (dd && dd.tt) clearTimeout(dd.tt)
|
if (dd && dd.last + tm > nw && !dd.tt) {
|
self.delaylist[name] = {
|
last: nw + tm,
|
tt: setTimeout(function () {
|
self.delaylist[name].tt = 0
|
fn.call()
|
}, tm)
|
}
|
} else if (!dd || !dd.tt) {
|
self.delaylist[name] = {
|
last: nw,
|
tt: 0
|
}
|
setTimeout(function () {
|
fn.call()
|
}, 0)
|
}
|
}
|
|
this.debounced = function (name, fn, tm) {
|
var dd = self.delaylist[name]
|
var nw = new Date().getTime()
|
self.delaylist[name] = fn
|
if (!dd) {
|
setTimeout(function () {
|
var fn = self.delaylist[name]
|
self.delaylist[name] = false
|
fn.call()
|
}, tm)
|
}
|
}
|
|
this.synched = function (name, fn) {
|
function requestSync() {
|
if (self.onsync) return
|
setAnimationFrame(function () {
|
self.onsync = false
|
for (name in self.synclist) {
|
var fn = self.synclist[name]
|
if (fn) fn.call(self)
|
self.synclist[name] = false
|
}
|
})
|
self.onsync = true
|
}
|
|
self.synclist[name] = fn
|
requestSync()
|
return name
|
}
|
|
this.unsynched = function (name) {
|
if (self.synclist[name]) self.synclist[name] = false
|
}
|
|
this.css = function (el, pars) {
|
// save & set
|
for (var n in pars) {
|
self.saved.css.push([el, n, el.css(n)])
|
el.css(n, pars[n])
|
}
|
}
|
|
this.scrollTop = function (val) {
|
return typeof val == 'undefined' ? self.getScrollTop() : self.setScrollTop(val)
|
}
|
|
this.scrollLeft = function (val) {
|
return typeof val == 'undefined' ? self.getScrollLeft() : self.setScrollLeft(val)
|
}
|
|
// derived by by Dan Pupius www.pupius.net
|
BezierClass = function (st, ed, spd, p1, p2, p3, p4) {
|
this.st = st
|
this.ed = ed
|
this.spd = spd
|
|
this.p1 = p1 || 0
|
this.p2 = p2 || 1
|
this.p3 = p3 || 0
|
this.p4 = p4 || 1
|
|
this.ts = new Date().getTime()
|
this.df = this.ed - this.st
|
}
|
BezierClass.prototype = {
|
B2: function (t) {
|
return 3 * t * t * (1 - t)
|
},
|
B3: function (t) {
|
return 3 * t * (1 - t) * (1 - t)
|
},
|
B4: function (t) {
|
return (1 - t) * (1 - t) * (1 - t)
|
},
|
getNow: function () {
|
var nw = new Date().getTime()
|
var pc = 1 - (nw - this.ts) / this.spd
|
var bz = this.B2(pc) + this.B3(pc) + this.B4(pc)
|
return pc < 0 ? this.ed : this.st + Math.round(this.df * bz)
|
},
|
update: function (ed, spd) {
|
this.st = this.getNow()
|
this.ed = ed
|
this.spd = spd
|
this.ts = new Date().getTime()
|
this.df = this.ed - this.st
|
return this
|
}
|
}
|
|
if (this.ishwscroll) {
|
// hw accelerated scroll
|
this.doc.translate = { x: 0, y: 0, tx: '0px', ty: '0px' }
|
|
//this one can help to enable hw accel on ios6 http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
|
if (cap.hastranslate3d && cap.isios) this.doc.css('-webkit-backface-visibility', 'hidden') // prevent flickering http://stackoverflow.com/questions/3461441/
|
|
//derived from http://stackoverflow.com/questions/11236090/
|
function getMatrixValues() {
|
var tr = self.doc.css(cap.trstyle)
|
if (tr && tr.substr(0, 6) == 'matrix') {
|
return tr
|
.replace(/^.*\((.*)\)$/g, '$1')
|
.replace(/px/g, '')
|
.split(/, +/)
|
}
|
return false
|
}
|
|
this.getScrollTop = function (last) {
|
if (!last) {
|
var mtx = getMatrixValues()
|
if (mtx) return mtx.length == 16 ? -mtx[13] : -mtx[5] //matrix3d 16 on IE10
|
if (self.timerscroll && self.timerscroll.bz) return self.timerscroll.bz.getNow()
|
}
|
return self.doc.translate.y
|
}
|
|
this.getScrollLeft = function (last) {
|
if (!last) {
|
var mtx = getMatrixValues()
|
if (mtx) return mtx.length == 16 ? -mtx[12] : -mtx[4] //matrix3d 16 on IE10
|
if (self.timerscroll && self.timerscroll.bh) return self.timerscroll.bh.getNow()
|
}
|
return self.doc.translate.x
|
}
|
|
if (document.createEvent) {
|
this.notifyScrollEvent = function (el) {
|
var e = document.createEvent('UIEvents')
|
e.initUIEvent('scroll', false, true, window, 1)
|
el.dispatchEvent(e)
|
}
|
} else if (document.fireEvent) {
|
this.notifyScrollEvent = function (el) {
|
var e = document.createEventObject()
|
el.fireEvent('onscroll')
|
e.cancelBubble = true
|
}
|
} else {
|
this.notifyScrollEvent = function (el, add) {} //NOPE
|
}
|
|
if (cap.hastranslate3d && self.opt.enabletranslate3d) {
|
this.setScrollTop = function (val, silent) {
|
self.doc.translate.y = val
|
self.doc.translate.ty = val * -1 + 'px'
|
self.doc.css(
|
cap.trstyle,
|
'translate3d(' + self.doc.translate.tx + ',' + self.doc.translate.ty + ',0px)'
|
)
|
if (!silent) self.notifyScrollEvent(self.win[0])
|
}
|
this.setScrollLeft = function (val, silent) {
|
self.doc.translate.x = val
|
self.doc.translate.tx = val * -1 + 'px'
|
self.doc.css(
|
cap.trstyle,
|
'translate3d(' + self.doc.translate.tx + ',' + self.doc.translate.ty + ',0px)'
|
)
|
if (!silent) self.notifyScrollEvent(self.win[0])
|
}
|
} else {
|
this.setScrollTop = function (val, silent) {
|
self.doc.translate.y = val
|
self.doc.translate.ty = val * -1 + 'px'
|
self.doc.css(
|
cap.trstyle,
|
'translate(' + self.doc.translate.tx + ',' + self.doc.translate.ty + ')'
|
)
|
if (!silent) self.notifyScrollEvent(self.win[0])
|
}
|
this.setScrollLeft = function (val, silent) {
|
self.doc.translate.x = val
|
self.doc.translate.tx = val * -1 + 'px'
|
self.doc.css(
|
cap.trstyle,
|
'translate(' + self.doc.translate.tx + ',' + self.doc.translate.ty + ')'
|
)
|
if (!silent) self.notifyScrollEvent(self.win[0])
|
}
|
}
|
} else {
|
// native scroll
|
this.getScrollTop = function () {
|
return self.docscroll.scrollTop()
|
}
|
this.setScrollTop = function (val) {
|
return self.docscroll.scrollTop(val)
|
}
|
this.getScrollLeft = function () {
|
return self.docscroll.scrollLeft()
|
}
|
this.setScrollLeft = function (val) {
|
return self.docscroll.scrollLeft(val)
|
}
|
}
|
|
this.getTarget = function (e) {
|
if (!e) return false
|
if (e.target) return e.target
|
if (e.srcElement) return e.srcElement
|
return false
|
}
|
|
this.hasParent = function (e, id) {
|
if (!e) return false
|
var el = e.target || e.srcElement || e || false
|
while (el && el.id != id) {
|
el = el.parentNode || false
|
}
|
return el !== false
|
}
|
|
function getZIndex() {
|
var dom = self.win
|
if ('zIndex' in dom) return dom.zIndex() // use jQuery UI method when available
|
while (dom.length > 0) {
|
if (dom[0].nodeType == 9) return false
|
var zi = dom.css('zIndex')
|
if (!isNaN(zi) && zi != 0) return parseInt(zi)
|
dom = dom.parent()
|
}
|
return false
|
}
|
|
//inspired by http://forum.jquery.com/topic/width-includes-border-width-when-set-to-thin-medium-thick-in-ie
|
var _convertBorderWidth = { thin: 1, medium: 3, thick: 5 }
|
function getWidthToPixel(dom, prop, chkheight) {
|
var wd = dom.css(prop)
|
var px = parseFloat(wd)
|
if (isNaN(px)) {
|
px = _convertBorderWidth[wd] || 0
|
var brd =
|
px == 3
|
? chkheight
|
? self.win.outerHeight() - self.win.innerHeight()
|
: self.win.outerWidth() - self.win.innerWidth()
|
: 1 //DON'T TRUST CSS
|
if (self.isie8 && px) px += 1
|
return brd ? px : 0
|
}
|
return px
|
}
|
|
this.getOffset = function () {
|
if (self.isfixed)
|
return { top: parseFloat(self.win.css('top')), left: parseFloat(self.win.css('left')) }
|
if (!self.viewport) return self.win.offset()
|
var ww = self.win.offset()
|
var vp = self.viewport.offset()
|
return {
|
top: ww.top - vp.top + self.viewport.scrollTop(),
|
left: ww.left - vp.left + self.viewport.scrollLeft()
|
}
|
}
|
|
this.updateScrollBar = function (len) {
|
if (self.ishwscroll) {
|
self.rail.css({ height: self.win.innerHeight() })
|
if (self.railh) self.railh.css({ width: self.win.innerWidth() })
|
} else {
|
var wpos = self.getOffset()
|
var pos = { top: wpos.top, left: wpos.left }
|
pos.top += getWidthToPixel(self.win, 'border-top-width', true)
|
var brd = (self.win.outerWidth() - self.win.innerWidth()) / 2
|
pos.left += self.rail.align
|
? self.win.outerWidth() -
|
getWidthToPixel(self.win, 'border-right-width') -
|
self.rail.width
|
: getWidthToPixel(self.win, 'border-left-width')
|
|
var off = self.opt.railoffset
|
if (off) {
|
if (off.top) pos.top += off.top
|
if (self.rail.align && off.left) pos.left += off.left
|
}
|
|
if (!self.locked)
|
self.rail.css({
|
top: pos.top,
|
left: pos.left,
|
height: len ? len.h : self.win.innerHeight()
|
})
|
|
if (self.zoom) {
|
self.zoom.css({
|
top: pos.top + 1,
|
left: self.rail.align == 1 ? pos.left - 20 : pos.left + self.rail.width + 4
|
})
|
}
|
|
if (self.railh && !self.locked) {
|
var pos = { top: wpos.top, left: wpos.left }
|
var y = self.railh.align
|
? pos.top +
|
getWidthToPixel(self.win, 'border-top-width', true) +
|
self.win.innerHeight() -
|
self.railh.height
|
: pos.top + getWidthToPixel(self.win, 'border-top-width', true)
|
var x = pos.left + getWidthToPixel(self.win, 'border-left-width')
|
self.railh.css({ top: y, left: x, width: self.railh.width })
|
}
|
}
|
}
|
|
this.doRailClick = function (e, dbl, hr) {
|
var fn, pg, cur, pos
|
|
// if (self.rail.drag&&self.rail.drag.pt!=1) return;
|
if (self.locked) return
|
// if (self.rail.drag) return;
|
|
// self.cancelScroll();
|
|
self.cancelEvent(e)
|
|
if (dbl) {
|
fn = hr ? self.doScrollLeft : self.doScrollTop
|
cur = hr
|
? (e.pageX - self.railh.offset().left - self.cursorwidth / 2) * self.scrollratio.x
|
: (e.pageY - self.rail.offset().top - self.cursorheight / 2) * self.scrollratio.y
|
fn(cur)
|
} else {
|
// console.log(e.pageY);
|
fn = hr ? self.doScrollLeftBy : self.doScrollBy
|
cur = hr ? self.scroll.x : self.scroll.y
|
pos = hr ? e.pageX - self.railh.offset().left : e.pageY - self.rail.offset().top
|
pg = hr ? self.view.w : self.view.h
|
cur >= pos ? fn(pg) : fn(-pg)
|
}
|
}
|
|
self.hasanimationframe = setAnimationFrame
|
self.hascancelanimationframe = clearAnimationFrame
|
|
if (!self.hasanimationframe) {
|
setAnimationFrame = function (fn) {
|
return setTimeout(fn, 15 - (Math.floor(+new Date() / 1000) % 16))
|
} // 1000/60)};
|
clearAnimationFrame = clearInterval
|
} else if (!self.hascancelanimationframe)
|
clearAnimationFrame = function () {
|
self.cancelAnimationFrame = true
|
}
|
|
this.init = function () {
|
self.saved.css = []
|
|
if (cap.isie7mobile) return true // SORRY, DO NOT WORK!
|
|
if (cap.hasmstouch)
|
self.css(self.ispage ? $('html') : self.win, { '-ms-touch-action': 'none' })
|
|
self.zindex = 'auto'
|
if (!self.ispage && self.opt.zindex == 'auto') {
|
self.zindex = getZIndex() || 'auto'
|
} else {
|
self.zindex = self.opt.zindex
|
}
|
|
if (!self.ispage && self.zindex != 'auto') {
|
if (self.zindex > globalmaxzindex) globalmaxzindex = self.zindex
|
}
|
|
if (self.isie && self.zindex == 0 && self.opt.zindex == 'auto') {
|
// fix IE auto == 0
|
self.zindex = 'auto'
|
}
|
|
/*
|
self.ispage = true;
|
self.haswrapper = true;
|
// self.win = $(window);
|
self.docscroll = $("body");
|
// self.doc = $("body");
|
*/
|
|
if (!self.ispage || (!cap.cantouch && !cap.isieold && !cap.isie9mobile)) {
|
var cont = self.docscroll
|
if (self.ispage) cont = self.haswrapper ? self.win : self.doc
|
|
if (!cap.isie9mobile) self.css(cont, { 'overflow-y': 'hidden' })
|
|
if (self.ispage && cap.isie7) {
|
if (self.doc[0].nodeName == 'BODY')
|
self.css($('html'), { 'overflow-y': 'hidden' }) //IE7 double scrollbar issue
|
else if (self.doc[0].nodeName == 'HTML') self.css($('body'), { 'overflow-y': 'hidden' }) //IE7 double scrollbar issue
|
}
|
|
if (cap.isios && !self.ispage && !self.haswrapper)
|
self.css($('body'), { '-webkit-overflow-scrolling': 'touch' }) //force hw acceleration
|
|
var cursor = $(document.createElement('div'))
|
cursor.css({
|
position: 'relative',
|
top: 0,
|
float: 'right',
|
width: self.opt.cursorwidth,
|
height: '0px',
|
'background-color': self.opt.cursorcolor,
|
border: self.opt.cursorborder,
|
'background-clip': 'padding-box',
|
'-webkit-border-radius': self.opt.cursorborderradius,
|
'-moz-border-radius': self.opt.cursorborderradius,
|
'border-radius': self.opt.cursorborderradius
|
})
|
|
cursor.hborder = parseFloat(cursor.outerHeight() - cursor.innerHeight())
|
self.cursor = cursor
|
|
var rail = $(document.createElement('div'))
|
rail.attr('id', self.id)
|
rail.addClass('nicescroll-rails')
|
|
var v,
|
a,
|
kp = ['left', 'right'] //"top","bottom"
|
for (var n in kp) {
|
a = kp[n]
|
v = self.opt.railpadding[a]
|
v ? rail.css('padding-' + a, v + 'px') : (self.opt.railpadding[a] = 0)
|
}
|
|
rail.append(cursor)
|
|
rail.width =
|
Math.max(parseFloat(self.opt.cursorwidth), cursor.outerWidth()) +
|
self.opt.railpadding['left'] +
|
self.opt.railpadding['right']
|
rail.css({
|
width: rail.width + 'px',
|
zIndex: self.zindex,
|
background: self.opt.background,
|
cursor: 'default'
|
})
|
|
rail.visibility = true
|
rail.scrollable = true
|
|
rail.align = self.opt.railalign == 'left' ? 0 : 1
|
|
self.rail = rail
|
|
self.rail.drag = false
|
|
var zoom = false
|
if (self.opt.boxzoom && !self.ispage && !cap.isieold) {
|
zoom = document.createElement('div')
|
self.bind(zoom, 'click', self.doZoom)
|
self.zoom = $(zoom)
|
self.zoom.css({
|
cursor: 'pointer',
|
'z-index': self.zindex,
|
backgroundImage: 'url(' + scriptpath + 'zoomico.png)',
|
height: 18,
|
width: 18,
|
backgroundPosition: '0px 0px'
|
})
|
if (self.opt.dblclickzoom) self.bind(self.win, 'dblclick', self.doZoom)
|
if (cap.cantouch && self.opt.gesturezoom) {
|
self.ongesturezoom = function (e) {
|
if (e.scale > 1.5) self.doZoomIn(e)
|
if (e.scale < 0.8) self.doZoomOut(e)
|
return self.cancelEvent(e)
|
}
|
self.bind(self.win, 'gestureend', self.ongesturezoom)
|
}
|
}
|
|
// init HORIZ
|
|
self.railh = false
|
|
if (self.opt.horizrailenabled) {
|
self.css(cont, { 'overflow-x': 'hidden' })
|
|
var cursor = $(document.createElement('div'))
|
cursor.css({
|
position: 'relative',
|
top: 0,
|
height: self.opt.cursorwidth,
|
width: '0px',
|
'background-color': self.opt.cursorcolor,
|
border: self.opt.cursorborder,
|
'background-clip': 'padding-box',
|
'-webkit-border-radius': self.opt.cursorborderradius,
|
'-moz-border-radius': self.opt.cursorborderradius,
|
'border-radius': self.opt.cursorborderradius
|
})
|
|
cursor.wborder = parseFloat(cursor.outerWidth() - cursor.innerWidth())
|
self.cursorh = cursor
|
|
var railh = $(document.createElement('div'))
|
railh.attr('id', self.id + '-hr')
|
railh.addClass('nicescroll-rails')
|
railh.height = Math.max(parseFloat(self.opt.cursorwidth), cursor.outerHeight())
|
railh.css({
|
height: railh.height + 'px',
|
zIndex: self.zindex,
|
background: self.opt.background
|
})
|
|
railh.append(cursor)
|
|
railh.visibility = true
|
railh.scrollable = true
|
|
railh.align = self.opt.railvalign == 'top' ? 0 : 1
|
|
self.railh = railh
|
|
self.railh.drag = false
|
}
|
|
//
|
|
if (self.ispage) {
|
rail.css({ position: 'fixed', top: '0px', height: '100%' })
|
rail.align ? rail.css({ right: '0px' }) : rail.css({ left: '0px' })
|
self.body.append(rail)
|
if (self.railh) {
|
railh.css({ position: 'fixed', left: '0px', width: '100%' })
|
railh.align ? railh.css({ bottom: '0px' }) : railh.css({ top: '0px' })
|
self.body.append(railh)
|
}
|
} else {
|
if (self.ishwscroll) {
|
if (self.win.css('position') == 'static') self.css(self.win, { position: 'relative' })
|
var bd = self.win[0].nodeName == 'HTML' ? self.body : self.win
|
if (self.zoom) {
|
self.zoom.css({
|
position: 'absolute',
|
top: 1,
|
right: 0,
|
'margin-right': rail.width + 4
|
})
|
bd.append(self.zoom)
|
}
|
rail.css({ position: 'absolute', top: 0 })
|
rail.align ? rail.css({ right: 0 }) : rail.css({ left: 0 })
|
bd.append(rail)
|
if (railh) {
|
railh.css({ position: 'absolute', left: 0, bottom: 0 })
|
railh.align ? railh.css({ bottom: 0 }) : railh.css({ top: 0 })
|
bd.append(railh)
|
}
|
} else {
|
self.isfixed = self.win.css('position') == 'fixed'
|
var rlpos = self.isfixed ? 'fixed' : 'absolute'
|
|
if (!self.isfixed) self.viewport = self.getViewport(self.win[0])
|
if (self.viewport) {
|
self.body = self.viewport
|
if (/relative|absolute/.test(self.viewport.css('position')) == false)
|
self.css(self.viewport, { position: 'relative' })
|
}
|
|
rail.css({ position: rlpos })
|
if (self.zoom) self.zoom.css({ position: rlpos })
|
self.updateScrollBar()
|
self.body.append(rail)
|
if (self.zoom) self.body.append(self.zoom)
|
if (self.railh) {
|
railh.css({ position: rlpos })
|
self.body.append(railh)
|
}
|
}
|
|
if (cap.isios)
|
self.css(self.win, {
|
'-webkit-tap-highlight-color': 'rgba(0,0,0,0)',
|
'-webkit-touch-callout': 'none'
|
}) // prevent grey layer on click
|
|
if (cap.isie && self.opt.disableoutline) self.win.attr('hideFocus', 'true') // IE, prevent dotted rectangle on focused div
|
if (cap.iswebkit && self.opt.disableoutline) self.win.css({ outline: 'none' })
|
}
|
|
if (self.opt.autohidemode === false) {
|
self.autohidedom = false
|
self.rail.css({ opacity: self.opt.cursoropacitymax })
|
if (self.railh) self.railh.css({ opacity: self.opt.cursoropacitymax })
|
} else if (self.opt.autohidemode === true) {
|
self.autohidedom = $().add(self.rail)
|
if (cap.isie8) self.autohidedom = self.autohidedom.add(self.cursor)
|
if (self.railh) self.autohidedom = self.autohidedom.add(self.railh)
|
if (self.railh && cap.isie8) self.autohidedom = self.autohidedom.add(self.cursorh)
|
} else if (self.opt.autohidemode == 'scroll') {
|
self.autohidedom = $().add(self.rail)
|
if (self.railh) self.autohidedom = self.autohidedom.add(self.railh)
|
} else if (self.opt.autohidemode == 'cursor') {
|
self.autohidedom = $().add(self.cursor)
|
if (self.railh) self.autohidedom = self.autohidedom.add(self.cursorh)
|
} else if (self.opt.autohidemode == 'hidden') {
|
self.autohidedom = false
|
self.hide()
|
self.locked = false
|
}
|
|
if (cap.isie9mobile) {
|
self.scrollmom = new ScrollMomentumClass2D(self)
|
|
/*
|
var trace = function(msg) {
|
var db = $("#debug");
|
if (isNaN(msg)&&(typeof msg != "string")) {
|
var x = [];
|
for(var a in msg) {
|
x.push(a+":"+msg[a]);
|
}
|
msg ="{"+x.join(",")+"}";
|
}
|
if (db.children().length>0) {
|
db.children().eq(0).before("<div>"+msg+"</div>");
|
} else {
|
db.append("<div>"+msg+"</div>");
|
}
|
}
|
window.onerror = function(msg,url,ln) {
|
trace("ERR: "+msg+" at "+ln);
|
}
|
*/
|
|
self.onmangotouch = function (e) {
|
var py = self.getScrollTop()
|
var px = self.getScrollLeft()
|
|
if (py == self.scrollmom.lastscrolly && px == self.scrollmom.lastscrollx) return true
|
// $("#debug").html('DRAG:'+py);
|
|
var dfy = py - self.mangotouch.sy
|
var dfx = px - self.mangotouch.sx
|
var df = Math.round(Math.sqrt(Math.pow(dfx, 2) + Math.pow(dfy, 2)))
|
if (df == 0) return
|
|
var dry = dfy < 0 ? -1 : 1
|
var drx = dfx < 0 ? -1 : 1
|
|
var tm = +new Date()
|
if (self.mangotouch.lazy) clearTimeout(self.mangotouch.lazy)
|
|
if (
|
tm - self.mangotouch.tm > 80 ||
|
self.mangotouch.dry != dry ||
|
self.mangotouch.drx != drx
|
) {
|
// trace('RESET+'+(tm-self.mangotouch.tm));
|
self.scrollmom.stop()
|
self.scrollmom.reset(px, py)
|
self.mangotouch.sy = py
|
self.mangotouch.ly = py
|
self.mangotouch.sx = px
|
self.mangotouch.lx = px
|
self.mangotouch.dry = dry
|
self.mangotouch.drx = drx
|
self.mangotouch.tm = tm
|
} else {
|
self.scrollmom.stop()
|
self.scrollmom.update(self.mangotouch.sx - dfx, self.mangotouch.sy - dfy)
|
var gap = tm - self.mangotouch.tm
|
self.mangotouch.tm = tm
|
|
// trace('MOVE:'+df+" - "+gap);
|
|
var ds = Math.max(
|
Math.abs(self.mangotouch.ly - py),
|
Math.abs(self.mangotouch.lx - px)
|
)
|
self.mangotouch.ly = py
|
self.mangotouch.lx = px
|
|
if (ds > 2) {
|
self.mangotouch.lazy = setTimeout(function () {
|
// trace('END:'+ds+'+'+gap);
|
self.mangotouch.lazy = false
|
self.mangotouch.dry = 0
|
self.mangotouch.drx = 0
|
self.mangotouch.tm = 0
|
self.scrollmom.doMomentum(30)
|
}, 100)
|
}
|
}
|
}
|
|
var top = self.getScrollTop()
|
var lef = self.getScrollLeft()
|
self.mangotouch = {
|
sy: top,
|
ly: top,
|
dry: 0,
|
sx: lef,
|
lx: lef,
|
drx: 0,
|
lazy: false,
|
tm: 0
|
}
|
|
self.bind(self.docscroll, 'scroll', self.onmangotouch)
|
} else {
|
if (cap.cantouch || self.istouchcapable || self.opt.touchbehavior || cap.hasmstouch) {
|
self.scrollmom = new ScrollMomentumClass2D(self)
|
|
self.ontouchstart = function (e) {
|
if (e.pointerType && e.pointerType != 2) return false
|
|
if (!self.locked) {
|
if (cap.hasmstouch) {
|
var tg = e.target ? e.target : false
|
while (tg) {
|
var nc = $(tg).getNiceScroll()
|
if (nc.length > 0 && nc[0].me == self.me) break
|
if (nc.length > 0) return false
|
if (tg.nodeName == 'DIV' && tg.id == self.id) break
|
tg = tg.parentNode ? tg.parentNode : false
|
}
|
}
|
|
self.cancelScroll()
|
|
var tg = self.getTarget(e)
|
|
if (tg) {
|
var skp = /INPUT/i.test(tg.nodeName) && /range/i.test(tg.type)
|
if (skp) return self.stopPropagation(e)
|
}
|
|
if (!('clientX' in e) && 'changedTouches' in e) {
|
e.clientX = e.changedTouches[0].clientX
|
e.clientY = e.changedTouches[0].clientY
|
}
|
|
if (self.forcescreen) {
|
var le = e
|
var e = { original: e.original ? e.original : e }
|
e.clientX = le.screenX
|
e.clientY = le.screenY
|
}
|
|
self.rail.drag = {
|
x: e.clientX,
|
y: e.clientY,
|
sx: self.scroll.x,
|
sy: self.scroll.y,
|
st: self.getScrollTop(),
|
sl: self.getScrollLeft(),
|
pt: 2,
|
dl: false
|
}
|
|
if (self.ispage || !self.opt.directionlockdeadzone) {
|
self.rail.drag.dl = 'f'
|
} else {
|
var view = {
|
w: $(window).width(),
|
h: $(window).height()
|
}
|
|
var page = {
|
w: Math.max(document.body.scrollWidth, document.documentElement.scrollWidth),
|
h: Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
|
}
|
|
var maxh = Math.max(0, page.h - view.h)
|
var maxw = Math.max(0, page.w - view.w)
|
|
if (!self.rail.scrollable && self.railh.scrollable)
|
self.rail.drag.ck = maxh > 0 ? 'v' : false
|
else if (self.rail.scrollable && !self.railh.scrollable)
|
self.rail.drag.ck = maxw > 0 ? 'h' : false
|
else self.rail.drag.ck = false
|
if (!self.rail.drag.ck) self.rail.drag.dl = 'f'
|
}
|
|
if (self.opt.touchbehavior && self.isiframe && cap.isie) {
|
var wp = self.win.position()
|
self.rail.drag.x += wp.left
|
self.rail.drag.y += wp.top
|
}
|
|
self.hasmoving = false
|
self.lastmouseup = false
|
self.scrollmom.reset(e.clientX, e.clientY)
|
if (!cap.cantouch && !this.istouchcapable && !cap.hasmstouch) {
|
var ip = tg ? /INPUT|SELECT|TEXTAREA/i.test(tg.nodeName) : false
|
if (!ip) {
|
if (!self.ispage && cap.hasmousecapture) tg.setCapture()
|
return self.cancelEvent(e)
|
}
|
if (/SUBMIT|CANCEL|BUTTON/i.test($(tg).attr('type'))) {
|
pc = { tg: tg, click: false }
|
self.preventclick = pc
|
}
|
}
|
}
|
}
|
|
self.ontouchend = function (e) {
|
if (e.pointerType && e.pointerType != 2) return false
|
if (self.rail.drag && self.rail.drag.pt == 2) {
|
self.scrollmom.doMomentum()
|
self.rail.drag = false
|
if (self.hasmoving) {
|
self.hasmoving = false
|
self.lastmouseup = true
|
self.hideCursor()
|
if (cap.hasmousecapture) document.releaseCapture()
|
if (!cap.cantouch) return self.cancelEvent(e)
|
}
|
}
|
}
|
|
var moveneedoffset = self.opt.touchbehavior && self.isiframe && !cap.hasmousecapture
|
|
self.ontouchmove = function (e, byiframe) {
|
if (e.pointerType && e.pointerType != 2) return false
|
|
if (self.rail.drag && self.rail.drag.pt == 2) {
|
if (cap.cantouch && typeof e.original == 'undefined') return true // prevent ios "ghost" events by clickable elements
|
|
self.hasmoving = true
|
|
if (self.preventclick && !self.preventclick.click) {
|
self.preventclick.click = self.preventclick.tg.onclick || false
|
self.preventclick.tg.onclick = self.onpreventclick
|
}
|
|
var ev = $.extend({ original: e }, e)
|
e = ev
|
|
if ('changedTouches' in e) {
|
e.clientX = e.changedTouches[0].clientX
|
e.clientY = e.changedTouches[0].clientY
|
}
|
|
if (self.forcescreen) {
|
var le = e
|
var e = { original: e.original ? e.original : e }
|
e.clientX = le.screenX
|
e.clientY = le.screenY
|
}
|
|
var ofx = (ofy = 0)
|
|
if (moveneedoffset && !byiframe) {
|
var wp = self.win.position()
|
ofx = -wp.left
|
ofy = -wp.top
|
}
|
|
var fy = e.clientY + ofy
|
var my = fy - self.rail.drag.y
|
var fx = e.clientX + ofx
|
var mx = fx - self.rail.drag.x
|
|
var ny = self.rail.drag.st - my
|
|
if (self.ishwscroll && self.opt.bouncescroll) {
|
if (ny < 0) {
|
ny = Math.round(ny / 2)
|
// fy = 0;
|
} else if (ny > self.page.maxh) {
|
ny = self.page.maxh + Math.round((ny - self.page.maxh) / 2)
|
// fy = 0;
|
}
|
} else {
|
if (ny < 0) {
|
ny = 0
|
fy = 0
|
}
|
if (ny > self.page.maxh) {
|
ny = self.page.maxh
|
fy = 0
|
}
|
}
|
|
if (self.railh && self.railh.scrollable) {
|
var nx = self.rail.drag.sl - mx
|
|
if (self.ishwscroll && self.opt.bouncescroll) {
|
if (nx < 0) {
|
nx = Math.round(nx / 2)
|
// fx = 0;
|
} else if (nx > self.page.maxw) {
|
nx = self.page.maxw + Math.round((nx - self.page.maxw) / 2)
|
// fx = 0;
|
}
|
} else {
|
if (nx < 0) {
|
nx = 0
|
fx = 0
|
}
|
if (nx > self.page.maxw) {
|
nx = self.page.maxw
|
fx = 0
|
}
|
}
|
}
|
|
var grabbed = false
|
if (self.rail.drag.dl) {
|
grabbed = true
|
if (self.rail.drag.dl == 'v') nx = self.rail.drag.sl
|
else if (self.rail.drag.dl == 'h') ny = self.rail.drag.st
|
} else {
|
var ay = Math.abs(my)
|
var ax = Math.abs(mx)
|
var dz = self.opt.directionlockdeadzone
|
if (self.rail.drag.ck == 'v') {
|
if (ay > dz && ax <= ay * 0.3) {
|
self.rail.drag = false
|
return true
|
} else if (ax > dz) {
|
self.rail.drag.dl = 'f'
|
$('body').scrollTop($('body').scrollTop()) // stop iOS native scrolling (when active javascript has blocked)
|
}
|
} else if (self.rail.drag.ck == 'h') {
|
if (ax > dz && ay <= az * 0.3) {
|
self.rail.drag = false
|
return true
|
} else if (ay > dz) {
|
self.rail.drag.dl = 'f'
|
$('body').scrollLeft($('body').scrollLeft()) // stop iOS native scrolling (when active javascript has blocked)
|
}
|
}
|
}
|
|
self.synched('touchmove', function () {
|
if (self.rail.drag && self.rail.drag.pt == 2) {
|
if (self.prepareTransition) self.prepareTransition(0)
|
if (self.rail.scrollable) self.setScrollTop(ny)
|
self.scrollmom.update(fx, fy)
|
if (self.railh && self.railh.scrollable) {
|
self.setScrollLeft(nx)
|
self.showCursor(ny, nx)
|
} else {
|
self.showCursor(ny)
|
}
|
if (cap.isie10) document.selection.clear()
|
}
|
})
|
|
if (cap.ischrome && self.istouchcapable) grabbed = false //chrome touch emulation doesn't like!
|
if (grabbed) return self.cancelEvent(e)
|
}
|
}
|
}
|
|
self.onmousedown = function (e, hronly) {
|
if (self.rail.drag && self.rail.drag.pt != 1) return
|
if (self.locked) return self.cancelEvent(e)
|
self.cancelScroll()
|
self.rail.drag = {
|
x: e.clientX,
|
y: e.clientY,
|
sx: self.scroll.x,
|
sy: self.scroll.y,
|
pt: 1,
|
hr: !!hronly
|
}
|
var tg = self.getTarget(e)
|
if (!self.ispage && cap.hasmousecapture) tg.setCapture()
|
if (self.isiframe && !cap.hasmousecapture) {
|
self.saved['csspointerevents'] = self.doc.css('pointer-events')
|
self.css(self.doc, { 'pointer-events': 'none' })
|
}
|
return self.cancelEvent(e)
|
}
|
|
self.onmouseup = function (e) {
|
if (self.rail.drag) {
|
if (cap.hasmousecapture) document.releaseCapture()
|
if (self.isiframe && !cap.hasmousecapture)
|
self.doc.css('pointer-events', self.saved['csspointerevents'])
|
if (self.rail.drag.pt != 1) return
|
self.rail.drag = false
|
//if (!self.rail.active) self.hideCursor();
|
return self.cancelEvent(e)
|
}
|
}
|
|
self.onmousemove = function (e) {
|
if (self.rail.drag) {
|
if (self.rail.drag.pt != 1) return
|
|
if (cap.ischrome && e.which == 0) return self.onmouseup(e)
|
|
self.cursorfreezed = true
|
|
if (self.rail.drag.hr) {
|
self.scroll.x = self.rail.drag.sx + (e.clientX - self.rail.drag.x)
|
if (self.scroll.x < 0) self.scroll.x = 0
|
var mw = self.scrollvaluemaxw
|
if (self.scroll.x > mw) self.scroll.x = mw
|
} else {
|
self.scroll.y = self.rail.drag.sy + (e.clientY - 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.synched('mousemove', function () {
|
if (self.rail.drag && self.rail.drag.pt == 1) {
|
self.showCursor()
|
if (self.rail.drag.hr)
|
self.doScrollLeft(
|
Math.round(self.scroll.x * self.scrollratio.x),
|
self.opt.cursordragspeed
|
)
|
else
|
self.doScrollTop(
|
Math.round(self.scroll.y * self.scrollratio.y),
|
self.opt.cursordragspeed
|
)
|
}
|
})
|
|
return self.cancelEvent(e)
|
}
|
/*
|
else {
|
self.checkarea = true;
|
}
|
*/
|
}
|
|
if (cap.cantouch || self.opt.touchbehavior) {
|
self.onpreventclick = function (e) {
|
if (self.preventclick) {
|
self.preventclick.tg.onclick = self.preventclick.click
|
self.preventclick = false
|
return self.cancelEvent(e)
|
}
|
}
|
|
// self.onmousedown = self.ontouchstart;
|
// self.onmouseup = self.ontouchend;
|
// self.onmousemove = self.ontouchmove;
|
|
self.bind(self.win, 'mousedown', self.ontouchstart) // control content dragging
|
|
self.onclick = cap.isios
|
? false
|
: function (e) {
|
if (self.lastmouseup) {
|
self.lastmouseup = false
|
return self.cancelEvent(e)
|
} else {
|
return true
|
}
|
}
|
|
if (self.opt.grabcursorenabled && cap.cursorgrabvalue) {
|
self.css(self.ispage ? self.doc : self.win, { cursor: cap.cursorgrabvalue })
|
self.css(self.rail, { cursor: cap.cursorgrabvalue })
|
}
|
} else {
|
function checkSelectionScroll(e) {
|
if (!self.selectiondrag) return
|
|
if (e) {
|
var ww = self.win.outerHeight()
|
var df = e.pageY - self.selectiondrag.top
|
if (df > 0 && df < ww) df = 0
|
if (df >= ww) df -= ww
|
self.selectiondrag.df = df
|
}
|
if (self.selectiondrag.df == 0) return
|
|
var rt = -Math.floor(self.selectiondrag.df / 6) * 2
|
// self.doScrollTop(self.getScrollTop(true)+rt);
|
self.doScrollBy(rt)
|
|
self.debounced(
|
'doselectionscroll',
|
function () {
|
checkSelectionScroll()
|
},
|
50
|
)
|
}
|
|
if ('getSelection' in document) {
|
// A grade - Major browsers
|
self.hasTextSelected = function () {
|
return document.getSelection().rangeCount > 0
|
}
|
} else if ('selection' in document) {
|
//IE9-
|
self.hasTextSelected = function () {
|
return document.selection.type != 'None'
|
}
|
} else {
|
self.hasTextSelected = function () {
|
// no support
|
return false
|
}
|
}
|
|
self.onselectionstart = function (e) {
|
if (self.ispage) return
|
self.selectiondrag = self.win.offset()
|
}
|
self.onselectionend = function (e) {
|
self.selectiondrag = false
|
}
|
self.onselectiondrag = function (e) {
|
if (!self.selectiondrag) return
|
if (self.hasTextSelected())
|
self.debounced(
|
'selectionscroll',
|
function () {
|
checkSelectionScroll(e)
|
},
|
250
|
)
|
}
|
}
|
|
if (cap.hasmstouch) {
|
self.css(self.rail, { '-ms-touch-action': 'none' })
|
self.css(self.cursor, { '-ms-touch-action': 'none' })
|
|
self.bind(self.win, 'MSPointerDown', self.ontouchstart)
|
self.bind(document, 'MSPointerUp', self.ontouchend)
|
self.bind(document, 'MSPointerMove', self.ontouchmove)
|
self.bind(self.cursor, 'MSGestureHold', function (e) {
|
e.preventDefault()
|
})
|
self.bind(self.cursor, 'contextmenu', function (e) {
|
e.preventDefault()
|
})
|
}
|
|
if (this.istouchcapable) {
|
//desktop with screen touch enabled
|
self.bind(self.win, 'touchstart', self.ontouchstart)
|
self.bind(document, 'touchend', self.ontouchend)
|
self.bind(document, 'touchcancel', self.ontouchend)
|
self.bind(document, 'touchmove', self.ontouchmove)
|
}
|
|
self.bind(self.cursor, 'mousedown', self.onmousedown)
|
self.bind(self.cursor, 'mouseup', self.onmouseup)
|
|
if (self.railh) {
|
self.bind(self.cursorh, 'mousedown', function (e) {
|
self.onmousedown(e, true)
|
})
|
self.bind(self.cursorh, 'mouseup', function (e) {
|
if (self.rail.drag && self.rail.drag.pt == 2) return
|
self.rail.drag = false
|
self.hasmoving = false
|
self.hideCursor()
|
if (cap.hasmousecapture) document.releaseCapture()
|
return self.cancelEvent(e)
|
})
|
}
|
|
if (self.opt.cursordragontouch || (!cap.cantouch && !self.opt.touchbehavior)) {
|
self.rail.css({ cursor: 'default' })
|
self.railh && self.railh.css({ cursor: 'default' })
|
|
self.jqbind(self.rail, 'mouseenter', function () {
|
if (self.canshowonmouseevent) self.showCursor()
|
self.rail.active = true
|
})
|
self.jqbind(self.rail, 'mouseleave', function () {
|
self.rail.active = false
|
if (!self.rail.drag) self.hideCursor()
|
})
|
|
if (self.opt.sensitiverail) {
|
self.bind(self.rail, 'click', function (e) {
|
self.doRailClick(e, false, false)
|
})
|
self.bind(self.rail, 'dblclick', function (e) {
|
self.doRailClick(e, true, false)
|
})
|
self.bind(self.cursor, 'click', function (e) {
|
self.cancelEvent(e)
|
})
|
self.bind(self.cursor, 'dblclick', function (e) {
|
self.cancelEvent(e)
|
})
|
}
|
|
if (self.railh) {
|
self.jqbind(self.railh, 'mouseenter', function () {
|
if (self.canshowonmouseevent) self.showCursor()
|
self.rail.active = true
|
})
|
self.jqbind(self.railh, 'mouseleave', function () {
|
self.rail.active = false
|
if (!self.rail.drag) self.hideCursor()
|
})
|
|
if (self.opt.sensitiverail) {
|
self.bind(self.railh, 'click', function (e) {
|
self.doRailClick(e, false, true)
|
})
|
self.bind(self.railh, 'dblclick', function (e) {
|
self.doRailClick(e, true, true)
|
})
|
self.bind(self.cursorh, 'click', function (e) {
|
self.cancelEvent(e)
|
})
|
self.bind(self.cursorh, 'dblclick', function (e) {
|
self.cancelEvent(e)
|
})
|
}
|
}
|
}
|
|
if (!cap.cantouch && !self.opt.touchbehavior) {
|
self.bind(cap.hasmousecapture ? self.win : document, 'mouseup', self.onmouseup)
|
self.bind(document, 'mousemove', self.onmousemove)
|
if (self.onclick) self.bind(document, 'click', self.onclick)
|
|
if (!self.ispage && self.opt.enablescrollonselection) {
|
self.bind(self.win[0], 'mousedown', self.onselectionstart)
|
self.bind(document, 'mouseup', self.onselectionend)
|
self.bind(self.cursor, 'mouseup', self.onselectionend)
|
if (self.cursorh) self.bind(self.cursorh, 'mouseup', self.onselectionend)
|
self.bind(document, 'mousemove', self.onselectiondrag)
|
}
|
|
if (self.zoom) {
|
self.jqbind(self.zoom, 'mouseenter', function () {
|
if (self.canshowonmouseevent) self.showCursor()
|
self.rail.active = true
|
})
|
self.jqbind(self.zoom, 'mouseleave', function () {
|
self.rail.active = false
|
if (!self.rail.drag) self.hideCursor()
|
})
|
}
|
} else {
|
self.bind(cap.hasmousecapture ? self.win : document, 'mouseup', self.ontouchend)
|
self.bind(document, 'mousemove', self.ontouchmove)
|
if (self.onclick) self.bind(document, 'click', self.onclick)
|
|
if (self.opt.cursordragontouch) {
|
self.bind(self.cursor, 'mousedown', self.onmousedown)
|
self.bind(self.cursor, 'mousemove', self.onmousemove)
|
self.cursorh && self.bind(self.cursorh, 'mousedown', self.onmousedown)
|
self.cursorh && self.bind(self.cursorh, 'mousemove', self.onmousemove)
|
}
|
}
|
|
if (self.opt.enablemousewheel) {
|
if (!self.isiframe)
|
self.bind(
|
cap.isie && self.ispage ? document : self.docscroll,
|
'mousewheel',
|
self.onmousewheel
|
)
|
self.bind(self.rail, 'mousewheel', self.onmousewheel)
|
if (self.railh) self.bind(self.railh, 'mousewheel', self.onmousewheelhr)
|
}
|
|
if (!self.ispage && !cap.cantouch && !/HTML|BODY/.test(self.win[0].nodeName)) {
|
if (!self.win.attr('tabindex')) self.win.attr({ tabindex: tabindexcounter++ })
|
|
self.jqbind(self.win, 'focus', function (e) {
|
domfocus = self.getTarget(e).id || true
|
self.hasfocus = true
|
if (self.canshowonmouseevent) self.noticeCursor()
|
})
|
self.jqbind(self.win, 'blur', function (e) {
|
domfocus = false
|
self.hasfocus = false
|
})
|
|
self.jqbind(self.win, 'mouseenter', function (e) {
|
mousefocus = self.getTarget(e).id || true
|
self.hasmousefocus = true
|
if (self.canshowonmouseevent) self.noticeCursor()
|
})
|
self.jqbind(self.win, 'mouseleave', function () {
|
mousefocus = false
|
self.hasmousefocus = false
|
})
|
}
|
} // !ie9mobile
|
|
//Thanks to http://www.quirksmode.org !!
|
self.onkeypress = function (e) {
|
if (self.locked && self.page.maxh == 0) return true
|
|
e = e ? e : window.e
|
var tg = self.getTarget(e)
|
if (tg && /INPUT|TEXTAREA|SELECT|OPTION/.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 ctrl = e.ctrlKey || false
|
var shift = e.shiftKey || false
|
|
var ret = false
|
switch (key) {
|
case 38:
|
case 63233: //safari
|
self.doScrollBy(24 * 3)
|
ret = true
|
break
|
case 40:
|
case 63235: //safari
|
self.doScrollBy(-24 * 3)
|
ret = true
|
break
|
case 37:
|
case 63232: //safari
|
if (self.railh) {
|
ctrl ? self.doScrollLeft(0) : self.doScrollLeftBy(24 * 3)
|
ret = true
|
}
|
break
|
case 39:
|
case 63234: //safari
|
if (self.railh) {
|
ctrl ? self.doScrollLeft(self.page.maxw) : self.doScrollLeftBy(-24 * 3)
|
ret = true
|
}
|
break
|
case 33:
|
case 63276: // safari
|
self.doScrollBy(self.view.h)
|
ret = true
|
break
|
case 34:
|
case 63277: // safari
|
self.doScrollBy(-self.view.h)
|
ret = true
|
break
|
case 36:
|
case 63273: // safari
|
self.railh && ctrl ? self.doScrollPos(0, 0) : self.doScrollTo(0)
|
ret = true
|
break
|
case 35:
|
case 63275: // safari
|
self.railh && ctrl
|
? self.doScrollPos(self.page.maxw, self.page.maxh)
|
: self.doScrollTo(self.page.maxh)
|
ret = true
|
break
|
case 32:
|
if (self.opt.spacebarenabled) {
|
shift ? self.doScrollBy(self.view.h) : self.doScrollBy(-self.view.h)
|
ret = true
|
}
|
break
|
case 27: // ESC
|
if (self.zoomactive) {
|
self.doZoom()
|
ret = true
|
}
|
break
|
}
|
if (ret) return self.cancelEvent(e)
|
}
|
}
|
|
if (self.opt.enablekeyboard)
|
self.bind(
|
document,
|
cap.isopera && !cap.isopera12 ? 'keypress' : 'keydown',
|
self.onkeypress
|
)
|
|
self.bind(window, 'resize', self.lazyResize)
|
self.bind(window, 'orientationchange', self.lazyResize)
|
|
self.bind(window, 'load', self.lazyResize)
|
|
if (cap.ischrome && !self.ispage && !self.haswrapper) {
|
//chrome void scrollbar bug - it persists in version 26
|
var tmp = self.win.attr('style')
|
var ww = parseFloat(self.win.css('width')) + 1
|
self.win.css('width', ww)
|
self.synched('chromefix', function () {
|
self.win.attr('style', tmp)
|
})
|
}
|
|
// Trying a cross-browser implementation - good luck!
|
|
self.onAttributeChange = function (e) {
|
self.lazyResize(250)
|
}
|
|
if (!self.ispage && !self.haswrapper) {
|
// redesigned MutationObserver for Chrome18+/Firefox14+/iOS6+ with support for: remove div, add/remove content
|
if (clsMutationObserver !== false) {
|
self.observer = new clsMutationObserver(function (mutations) {
|
mutations.forEach(self.onAttributeChange)
|
})
|
self.observer.observe(self.win[0], {
|
childList: true,
|
characterData: false,
|
attributes: true,
|
subtree: false
|
})
|
|
self.observerremover = new clsMutationObserver(function (mutations) {
|
mutations.forEach(function (mo) {
|
if (mo.removedNodes.length > 0) {
|
for (var dd in mo.removedNodes) {
|
if (mo.removedNodes[dd] == self.win[0]) return self.remove()
|
}
|
}
|
})
|
})
|
self.observerremover.observe(self.win[0].parentNode, {
|
childList: true,
|
characterData: false,
|
attributes: false,
|
subtree: false
|
})
|
} else {
|
self.bind(
|
self.win,
|
cap.isie && !cap.isie9 ? 'propertychange' : 'DOMAttrModified',
|
self.onAttributeChange
|
)
|
if (cap.isie9) self.win[0].attachEvent('onpropertychange', self.onAttributeChange) //IE9 DOMAttrModified bug
|
self.bind(self.win, 'DOMNodeRemoved', function (e) {
|
if (e.target == self.win[0]) self.remove()
|
})
|
}
|
}
|
|
//
|
|
if (!self.ispage && self.opt.boxzoom) self.bind(window, 'resize', self.resizeZoom)
|
if (self.istextarea) self.bind(self.win, 'mouseup', self.lazyResize)
|
|
self.checkrtlmode = true
|
self.lazyResize(30)
|
}
|
|
if (this.doc[0].nodeName == 'IFRAME') {
|
function oniframeload(e) {
|
self.iframexd = false
|
try {
|
var doc = 'contentDocument' in this ? this.contentDocument : this.contentWindow.document
|
var a = doc.domain
|
} catch (e) {
|
self.iframexd = true
|
doc = false
|
}
|
|
if (self.iframexd) {
|
if ('console' in window) console.log('NiceScroll error: policy restriced iframe')
|
return true //cross-domain - I can't manage this
|
}
|
|
self.forcescreen = true
|
|
if (self.isiframe) {
|
self.iframe = {
|
doc: $(doc),
|
html: self.doc.contents().find('html')[0],
|
body: self.doc.contents().find('body')[0]
|
}
|
self.getContentSize = function () {
|
return {
|
w: Math.max(self.iframe.html.scrollWidth, self.iframe.body.scrollWidth),
|
h: Math.max(self.iframe.html.scrollHeight, self.iframe.body.scrollHeight)
|
}
|
}
|
self.docscroll = $(self.iframe.body) //$(this.contentWindow);
|
}
|
|
if (!cap.isios && self.opt.iframeautoresize && !self.isiframe) {
|
self.win.scrollTop(0) // reset position
|
self.doc.height('') //reset height to fix browser bug
|
var hh = Math.max(
|
doc.getElementsByTagName('html')[0].scrollHeight,
|
doc.body.scrollHeight
|
)
|
self.doc.height(hh)
|
}
|
self.lazyResize(30)
|
|
if (cap.isie7) self.css($(self.iframe.html), { 'overflow-y': 'hidden' })
|
//self.css($(doc.body),{'overflow-y':'hidden'});
|
self.css($(self.iframe.body), { 'overflow-y': 'hidden' })
|
|
if ('contentWindow' in this) {
|
self.bind(this.contentWindow, 'scroll', self.onscroll) //IE8 & minor
|
} else {
|
self.bind(doc, 'scroll', self.onscroll)
|
}
|
|
if (self.opt.enablemousewheel) {
|
self.bind(doc, 'mousewheel', self.onmousewheel)
|
}
|
|
if (self.opt.enablekeyboard)
|
self.bind(doc, cap.isopera ? 'keypress' : 'keydown', self.onkeypress)
|
|
if (cap.cantouch || self.opt.touchbehavior) {
|
self.bind(doc, 'mousedown', self.onmousedown)
|
self.bind(doc, 'mousemove', function (e) {
|
self.onmousemove(e, true)
|
})
|
if (self.opt.grabcursorenabled && cap.cursorgrabvalue)
|
self.css($(doc.body), { cursor: cap.cursorgrabvalue })
|
}
|
|
self.bind(doc, 'mouseup', self.onmouseup)
|
|
if (self.zoom) {
|
if (self.opt.dblclickzoom) self.bind(doc, 'dblclick', self.doZoom)
|
if (self.ongesturezoom) self.bind(doc, 'gestureend', self.ongesturezoom)
|
}
|
}
|
|
if (this.doc[0].readyState && this.doc[0].readyState == 'complete') {
|
setTimeout(function () {
|
oniframeload.call(self.doc[0], false)
|
}, 500)
|
}
|
self.bind(this.doc, 'load', oniframeload)
|
}
|
}
|
|
this.showCursor = function (py, px) {
|
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.cursoractive = true
|
}
|
|
if (!self.rail.drag || self.rail.drag.pt != 1) {
|
if (typeof py != 'undefined' && py !== false) {
|
self.scroll.y = Math.round((py * 1) / self.scrollratio.y)
|
}
|
if (typeof px != 'undefined') {
|
self.scroll.x = Math.round((px * 1) / self.scrollratio.x)
|
}
|
}
|
|
self.cursor.css({ height: self.cursorheight, top: self.scroll.y })
|
if (self.cursorh) {
|
!self.rail.align && self.rail.visibility
|
? self.cursorh.css({ width: self.cursorwidth, left: self.scroll.x + self.rail.width })
|
: self.cursorh.css({ width: self.cursorwidth, left: self.scroll.x })
|
self.cursoractive = true
|
}
|
|
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.showonmouseevent) {
|
self.autohidedom.stop().animate({ opacity: self.opt.cursoropacitymin })
|
if (self.zoom) self.zoom.stop().animate({ opacity: self.opt.cursoropacitymin })
|
self.cursoractive = false
|
}
|
self.cursortimeout = 0
|
}, tm || self.opt.hidecursordelay)
|
}
|
|
this.noticeCursor = function (tm, py, px) {
|
self.showCursor(py, px)
|
if (!self.rail.active) self.hideCursor(tm)
|
}
|
|
this.getContentSize = self.ispage
|
? function () {
|
return {
|
w: Math.max(document.body.scrollWidth, document.documentElement.scrollWidth),
|
h: Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
|
}
|
}
|
: self.haswrapper
|
? function () {
|
return {
|
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'))
|
}
|
}
|
: function () {
|
return {
|
w: self.docscroll[0].scrollWidth,
|
h: self.docscroll[0].scrollHeight
|
}
|
}
|
|
this.onResize = function (e, page) {
|
if (!self.win) return false
|
|
if (!self.haswrapper && !self.ispage) {
|
if (self.win.css('display') == 'none') {
|
if (self.visibility) self.hideRail().hideRailHr()
|
return false
|
} else {
|
if (!self.hidden && !self.visibility) self.showRail().showRailHr()
|
}
|
}
|
|
var premaxh = self.page.maxh
|
var premaxw = self.page.maxw
|
|
var preview = { h: self.view.h, w: self.view.w }
|
|
self.view = {
|
w: self.ispage ? self.win.width() : parseInt(self.win[0].clientWidth),
|
h: self.ispage ? self.win.height() : parseInt(self.win[0].clientHeight)
|
}
|
|
self.page = page ? page : self.getContentSize()
|
|
self.page.maxh = Math.max(0, self.page.h - self.view.h)
|
self.page.maxw = Math.max(0, self.page.w - self.view.w)
|
|
if (self.page.maxh == premaxh && self.page.maxw == premaxw && self.view.w == preview.w) {
|
// test position
|
if (!self.ispage) {
|
var pos = self.win.offset()
|
if (self.lastposition) {
|
var lst = self.lastposition
|
if (lst.top == pos.top && lst.left == pos.left) return self //nothing to do
|
}
|
self.lastposition = pos
|
} else {
|
return self //nothing to do
|
}
|
}
|
|
if (self.page.maxh == 0) {
|
self.hideRail()
|
self.scrollvaluemax = 0
|
self.scroll.y = 0
|
self.scrollratio.y = 0
|
self.cursorheight = 0
|
self.setScrollTop(0)
|
self.rail.scrollable = false
|
} else {
|
self.rail.scrollable = true
|
}
|
|
if (self.page.maxw == 0) {
|
self.hideRailHr()
|
self.scrollvaluemaxw = 0
|
self.scroll.x = 0
|
self.scrollratio.x = 0
|
self.cursorwidth = 0
|
self.setScrollLeft(0)
|
self.railh.scrollable = false
|
} else {
|
self.railh.scrollable = true
|
}
|
|
self.locked = self.page.maxh == 0 && self.page.maxw == 0
|
if (self.locked) {
|
if (!self.ispage) self.updateScrollBar(self.view)
|
return false
|
}
|
|
if (!self.hidden && !self.visibility) {
|
self.showRail().showRailHr()
|
} else if (!self.hidden && !self.railh.visibility) self.showRailHr()
|
|
if (self.istextarea && self.win.css('resize') && self.win.css('resize') != 'none')
|
self.view.h -= 20
|
|
self.cursorheight = Math.min(
|
self.view.h,
|
Math.round(self.view.h * (self.view.h / self.page.h))
|
)
|
self.cursorheight = self.opt.cursorfixedheight
|
? self.opt.cursorfixedheight
|
: Math.max(self.opt.cursorminheight, self.cursorheight)
|
|
self.cursorwidth = Math.min(
|
self.view.w,
|
Math.round(self.view.w * (self.view.w / self.page.w))
|
)
|
self.cursorwidth = self.opt.cursorfixedheight
|
? self.opt.cursorfixedheight
|
: Math.max(self.opt.cursorminheight, self.cursorwidth)
|
|
self.scrollvaluemax = self.view.h - self.cursorheight - self.cursor.hborder
|
|
if (self.railh) {
|
self.railh.width = self.page.maxh > 0 ? self.view.w - self.rail.width : self.view.w
|
self.scrollvaluemaxw = self.railh.width - self.cursorwidth - self.cursorh.wborder
|
}
|
|
if (self.checkrtlmode && self.railh) {
|
self.checkrtlmode = false
|
if (self.opt.rtlmode && self.scroll.x == 0) self.setScrollLeft(self.page.maxw)
|
}
|
|
if (!self.ispage) self.updateScrollBar(self.view)
|
|
self.scrollratio = {
|
x: self.page.maxw / self.scrollvaluemaxw,
|
y: self.page.maxh / self.scrollvaluemax
|
}
|
|
var sy = self.getScrollTop()
|
if (sy > self.page.maxh) {
|
self.doScrollTop(self.page.maxh)
|
} else {
|
self.scroll.y = Math.round(self.getScrollTop() * (1 / self.scrollratio.y))
|
self.scroll.x = Math.round(self.getScrollLeft() * (1 / self.scrollratio.x))
|
if (self.cursoractive) self.noticeCursor()
|
}
|
|
if (self.scroll.y && self.getScrollTop() == 0)
|
self.doScrollTo(Math.floor(self.scroll.y * self.scrollratio.y))
|
|
return self
|
}
|
|
this.resize = self.onResize
|
|
this.lazyResize = function (tm) {
|
// event debounce
|
tm = isNaN(tm) ? 30 : tm
|
self.delayed('resize', self.resize, tm)
|
return self
|
}
|
|
// modified by MDN https://developer.mozilla.org/en-US/docs/DOM/Mozilla_event_reference/wheel
|
function _modernWheelEvent(dom, name, fn, bubble) {
|
self._bind(
|
dom,
|
name,
|
function (e) {
|
var e = e ? e : window.event
|
var event = {
|
original: e,
|
target: e.target || e.srcElement,
|
type: 'wheel',
|
deltaMode: e.type == 'MozMousePixelScroll' ? 0 : 1,
|
deltaX: 0,
|
deltaZ: 0,
|
preventDefault: function () {
|
e.preventDefault ? e.preventDefault() : (e.returnValue = false)
|
return false
|
},
|
stopImmediatePropagation: function () {
|
e.stopImmediatePropagation ? e.stopImmediatePropagation() : (e.cancelBubble = true)
|
}
|
}
|
|
if (name == 'mousewheel') {
|
event.deltaY = (-1 / 40) * e.wheelDelta
|
e.wheelDeltaX && (event.deltaX = (-1 / 40) * e.wheelDeltaX)
|
} else {
|
event.deltaY = e.detail
|
}
|
|
return fn.call(dom, event)
|
},
|
bubble
|
)
|
}
|
|
this._bind = function (el, name, fn, bubble) {
|
// primitive bind
|
self.events.push({ e: el, n: name, f: fn, b: bubble, q: false })
|
if (el.addEventListener) {
|
el.addEventListener(name, fn, bubble || false)
|
} else if (el.attachEvent) {
|
el.attachEvent('on' + name, fn)
|
} else {
|
el['on' + name] = fn
|
}
|
}
|
|
this.jqbind = function (dom, name, fn) {
|
// use jquery bind for non-native events (mouseenter/mouseleave)
|
self.events.push({ e: dom, n: name, f: fn, q: true })
|
$(dom).bind(name, fn)
|
}
|
|
this.bind = function (dom, name, fn, bubble) {
|
// touch-oriented & fixing jquery bind
|
var el = 'jquery' in dom ? dom[0] : dom
|
|
if (name == 'mousewheel') {
|
if ('onwheel' in self.win) {
|
self._bind(el, 'wheel', fn, bubble || false)
|
} else {
|
var wname = typeof document.onmousewheel != 'undefined' ? 'mousewheel' : 'DOMMouseScroll' // older IE/Firefox
|
_modernWheelEvent(el, wname, fn, bubble || false)
|
if (wname == 'DOMMouseScroll')
|
_modernWheelEvent(el, 'MozMousePixelScroll', fn, bubble || false) // Firefox legacy
|
}
|
} else if (el.addEventListener) {
|
if (cap.cantouch && /mouseup|mousedown|mousemove/.test(name)) {
|
// touch device support
|
var tt = name == 'mousedown' ? 'touchstart' : name == 'mouseup' ? 'touchend' : 'touchmove'
|
self._bind(
|
el,
|
tt,
|
function (e) {
|
if (e.touches) {
|
if (e.touches.length < 2) {
|
var ev = e.touches.length ? e.touches[0] : e
|
ev.original = e
|
fn.call(this, ev)
|
}
|
} else if (e.changedTouches) {
|
var ev = e.changedTouches[0]
|
ev.original = e
|
fn.call(this, ev)
|
} //blackberry
|
},
|
bubble || false
|
)
|
}
|
self._bind(el, name, fn, bubble || false)
|
if (cap.cantouch && name == 'mouseup') self._bind(el, 'touchcancel', fn, bubble || false)
|
} else {
|
self._bind(el, name, function (e) {
|
e = e || window.event || false
|
if (e) {
|
if (e.srcElement) e.target = e.srcElement
|
}
|
if (!('pageY' in e)) {
|
e.pageX = e.clientX + document.documentElement.scrollLeft
|
e.pageY = e.clientY + document.documentElement.scrollTop
|
}
|
return fn.call(el, e) === false || bubble === false ? self.cancelEvent(e) : true
|
})
|
}
|
}
|
|
this._unbind = function (el, name, fn, bub) {
|
// primitive unbind
|
if (el.removeEventListener) {
|
el.removeEventListener(name, fn, bub)
|
} else if (el.detachEvent) {
|
el.detachEvent('on' + name, fn)
|
} else {
|
el['on' + name] = false
|
}
|
}
|
|
this.unbindAll = function () {
|
for (var a = 0; a < self.events.length; a++) {
|
var r = self.events[a]
|
r.q ? r.e.unbind(r.n, r.f) : self._unbind(r.e, r.n, r.f, r.b)
|
}
|
}
|
|
// Thanks to http://www.switchonthecode.com !!
|
this.cancelEvent = function (e) {
|
var e = e.original ? e.original : e ? e : window.event || false
|
if (!e) return false
|
if (e.preventDefault) e.preventDefault()
|
if (e.stopPropagation) e.stopPropagation()
|
if (e.preventManipulation) e.preventManipulation() //IE10
|
e.cancelBubble = true
|
e.cancel = true
|
e.returnValue = false
|
return false
|
}
|
|
this.stopPropagation = function (e) {
|
var e = e.original ? e.original : e ? e : window.event || false
|
if (!e) return false
|
if (e.stopPropagation) return e.stopPropagation()
|
if (e.cancelBubble) e.cancelBubble = true
|
return false
|
}
|
|
this.showRail = function () {
|
if (self.page.maxh != 0 && (self.ispage || self.win.css('display') != 'none')) {
|
self.visibility = true
|
self.rail.visibility = true
|
self.rail.css('display', 'block')
|
}
|
return self
|
}
|
|
this.showRailHr = function () {
|
if (!self.railh) return self
|
if (self.page.maxw != 0 && (self.ispage || self.win.css('display') != 'none')) {
|
self.railh.visibility = true
|
self.railh.css('display', 'block')
|
}
|
return self
|
}
|
|
this.hideRail = function () {
|
self.visibility = false
|
self.rail.visibility = false
|
self.rail.css('display', 'none')
|
return self
|
}
|
|
this.hideRailHr = function () {
|
if (!self.railh) return self
|
self.railh.visibility = false
|
self.railh.css('display', 'none')
|
return self
|
}
|
|
this.show = function () {
|
self.hidden = false
|
self.locked = false
|
return self.showRail().showRailHr()
|
}
|
|
this.hide = function () {
|
self.hidden = true
|
self.locked = true
|
return self.hideRail().hideRailHr()
|
}
|
|
this.toggle = function () {
|
return self.hidden ? self.show() : self.hide()
|
}
|
|
this.remove = function () {
|
self.stop()
|
if (self.cursortimeout) clearTimeout(self.cursortimeout)
|
self.doZoomOut()
|
self.unbindAll()
|
if (self.observer !== false) self.observer.disconnect()
|
if (self.observerremover !== false) self.observerremover.disconnect()
|
self.events = []
|
if (self.cursor) {
|
self.cursor.remove()
|
self.cursor = null
|
}
|
if (self.cursorh) {
|
self.cursorh.remove()
|
self.cursorh = null
|
}
|
if (self.rail) {
|
self.rail.remove()
|
self.rail = null
|
}
|
if (self.railh) {
|
self.railh.remove()
|
self.railh = null
|
}
|
if (self.zoom) {
|
self.zoom.remove()
|
self.zoom = null
|
}
|
for (var a = 0; a < self.saved.css.length; a++) {
|
var d = self.saved.css[a]
|
d[0].css(d[1], typeof d[2] == 'undefined' ? '' : d[2])
|
}
|
self.saved = false
|
self.me.data('__nicescroll', '') //erase all traces
|
self.me = null
|
self.doc = null
|
self.docscroll = null
|
self.win = null
|
return self
|
}
|
|
this.scrollstart = function (fn) {
|
this.onscrollstart = fn
|
return self
|
}
|
this.scrollend = function (fn) {
|
this.onscrollend = fn
|
return self
|
}
|
this.scrollcancel = function (fn) {
|
this.onscrollcancel = fn
|
return self
|
}
|
|
this.zoomin = function (fn) {
|
this.onzoomin = fn
|
return self
|
}
|
this.zoomout = function (fn) {
|
this.onzoomout = fn
|
return self
|
}
|
|
this.isScrollable = function (e) {
|
var dom = e.target ? e.target : e
|
if (dom.nodeName == 'OPTION') return true
|
while (dom && dom.nodeType == 1 && !/BODY|HTML/.test(dom.nodeName)) {
|
var dd = $(dom)
|
var ov = dd.css('overflowY') || dd.css('overflowX') || dd.css('overflow') || ''
|
if (/scroll|auto/.test(ov)) return dom.clientHeight != dom.scrollHeight
|
dom = dom.parentNode ? dom.parentNode : false
|
}
|
return false
|
}
|
|
this.getViewport = function (me) {
|
var dom = me && me.parentNode ? me.parentNode : false
|
while (dom && dom.nodeType == 1 && !/BODY|HTML/.test(dom.nodeName)) {
|
var dd = $(dom)
|
var ov = dd.css('overflowY') || dd.css('overflowX') || dd.css('overflow') || ''
|
if (/scroll|auto/.test(ov) && dom.clientHeight != dom.scrollHeight) return dd
|
if (dd.getNiceScroll().length > 0) return dd
|
dom = dom.parentNode ? dom.parentNode : false
|
}
|
return false
|
}
|
|
function execScrollWheel(e, hr, chkscroll) {
|
var px, py
|
var rt = 1
|
|
if (e.deltaMode == 0) {
|
// PIXEL
|
px = -Math.floor(e.deltaX * (self.opt.mousescrollstep / (18 * 3)))
|
py = -Math.floor(e.deltaY * (self.opt.mousescrollstep / (18 * 3)))
|
} else if (e.deltaMode == 1) {
|
// LINE
|
px = -Math.floor(e.deltaX * self.opt.mousescrollstep)
|
py = -Math.floor(e.deltaY * self.opt.mousescrollstep)
|
}
|
|
if (hr && px == 0 && py) {
|
// classic vertical-only mousewheel + browser with x/y support
|
px = py
|
py = 0
|
}
|
|
if (px) {
|
if (self.scrollmom) {
|
self.scrollmom.stop()
|
}
|
self.lastdeltax += px
|
self.debounced(
|
'mousewheelx',
|
function () {
|
var dt = self.lastdeltax
|
self.lastdeltax = 0
|
if (!self.rail.drag) {
|
self.doScrollLeftBy(dt)
|
}
|
},
|
120
|
)
|
}
|
if (py) {
|
if (self.opt.nativeparentscrolling && chkscroll && !self.ispage && !self.zoomactive) {
|
if (py < 0) {
|
if (self.getScrollTop() >= self.page.maxh) return true
|
} else {
|
if (self.getScrollTop() <= 0) return true
|
}
|
}
|
if (self.scrollmom) {
|
self.scrollmom.stop()
|
}
|
self.lastdeltay += py
|
self.debounced(
|
'mousewheely',
|
function () {
|
var dt = self.lastdeltay
|
self.lastdeltay = 0
|
if (!self.rail.drag) {
|
self.doScrollBy(dt)
|
}
|
},
|
120
|
)
|
}
|
|
e.stopImmediatePropagation()
|
return e.preventDefault()
|
// return self.cancelEvent(e);
|
}
|
|
this.onmousewheel = function (e) {
|
if (self.locked) return true
|
if (self.rail.drag) return self.cancelEvent(e)
|
|
if (!self.rail.scrollable) {
|
if (self.railh && self.railh.scrollable) {
|
return self.onmousewheelhr(e)
|
} else {
|
return true
|
}
|
}
|
|
var nw = +new Date()
|
var chk = false
|
if (self.opt.preservenativescrolling && self.checkarea + 600 < nw) {
|
// self.checkarea = false;
|
self.nativescrollingarea = self.isScrollable(e)
|
chk = true
|
}
|
self.checkarea = nw
|
if (self.nativescrollingarea) return true // this isn't my business
|
// if (self.locked) return self.cancelEvent(e);
|
var ret = execScrollWheel(e, false, chk)
|
if (ret) self.checkarea = 0
|
return ret
|
}
|
|
this.onmousewheelhr = function (e) {
|
if (self.locked || !self.railh.scrollable) return true
|
if (self.rail.drag) return self.cancelEvent(e)
|
|
var nw = +new Date()
|
var chk = false
|
if (self.opt.preservenativescrolling && self.checkarea + 600 < nw) {
|
// self.checkarea = false;
|
self.nativescrollingarea = self.isScrollable(e)
|
chk = true
|
}
|
self.checkarea = nw
|
if (self.nativescrollingarea) return true // this isn't my business
|
if (self.locked) return self.cancelEvent(e)
|
|
return execScrollWheel(e, true, chk)
|
}
|
|
this.stop = function () {
|
self.cancelScroll()
|
if (self.scrollmon) self.scrollmon.stop()
|
self.cursorfreezed = false
|
self.scroll.y = Math.round(self.getScrollTop() * (1 / self.scrollratio.y))
|
self.noticeCursor()
|
return self
|
}
|
|
this.getTransitionSpeed = function (dif) {
|
var sp = Math.round(self.opt.scrollspeed * 10)
|
var ex = Math.min(sp, Math.round((dif / 20) * self.opt.scrollspeed))
|
return ex > 20 ? ex : 0
|
}
|
|
if (!self.opt.smoothscroll) {
|
this.doScrollLeft = function (x, spd) {
|
//direct
|
var y = self.getScrollTop()
|
self.doScrollPos(x, y, spd)
|
}
|
this.doScrollTop = function (y, spd) {
|
//direct
|
var x = self.getScrollLeft()
|
self.doScrollPos(x, y, spd)
|
}
|
this.doScrollPos = function (x, y, spd) {
|
//direct
|
var nx = x > self.page.maxw ? self.page.maxw : x
|
if (nx < 0) nx = 0
|
var ny = y > self.page.maxh ? self.page.maxh : y
|
if (ny < 0) ny = 0
|
self.synched('scroll', function () {
|
self.setScrollTop(ny)
|
self.setScrollLeft(nx)
|
})
|
}
|
this.cancelScroll = function () {} // direct
|
} else if (self.ishwscroll && cap.hastransition && self.opt.usetransition) {
|
this.prepareTransition = function (dif, istime) {
|
var ex = istime ? (dif > 20 ? dif : 0) : self.getTransitionSpeed(dif)
|
var trans = ex ? cap.prefixstyle + 'transform ' + ex + 'ms ease-out' : ''
|
if (!self.lasttransitionstyle || self.lasttransitionstyle != trans) {
|
self.lasttransitionstyle = trans
|
self.doc.css(cap.transitionstyle, trans)
|
}
|
return ex
|
}
|
|
this.doScrollLeft = function (x, spd) {
|
//trans
|
var y = self.scrollrunning ? self.newscrolly : self.getScrollTop()
|
self.doScrollPos(x, y, spd)
|
}
|
|
this.doScrollTop = function (y, spd) {
|
//trans
|
var x = self.scrollrunning ? self.newscrollx : self.getScrollLeft()
|
self.doScrollPos(x, y, spd)
|
}
|
|
this.doScrollPos = function (x, y, spd) {
|
//trans
|
|
var py = self.getScrollTop()
|
var px = self.getScrollLeft()
|
|
if ((self.newscrolly - py) * (y - py) < 0 || (self.newscrollx - px) * (x - px) < 0)
|
self.cancelScroll() //inverted movement detection
|
|
if (self.opt.bouncescroll == false) {
|
if (y < 0) y = 0
|
else if (y > self.page.maxh) y = self.page.maxh
|
if (x < 0) x = 0
|
else if (x > self.page.maxw) x = self.page.maxw
|
}
|
|
if (self.scrollrunning && x == self.newscrollx && y == self.newscrolly) return false
|
|
self.newscrolly = y
|
self.newscrollx = x
|
|
self.newscrollspeed = spd || false
|
|
if (self.timer) return false
|
|
self.timer = setTimeout(function () {
|
var top = self.getScrollTop()
|
var lft = self.getScrollLeft()
|
|
var dst = {}
|
dst.x = x - lft
|
dst.y = y - top
|
dst.px = lft
|
dst.py = top
|
|
var dd = Math.round(Math.sqrt(Math.pow(dst.x, 2) + Math.pow(dst.y, 2)))
|
|
// var df = (self.newscrollspeed) ? self.newscrollspeed : dd;
|
|
var ms =
|
self.newscrollspeed && self.newscrollspeed > 1
|
? self.newscrollspeed
|
: self.getTransitionSpeed(dd)
|
if (self.newscrollspeed && self.newscrollspeed <= 1) ms *= self.newscrollspeed
|
|
self.prepareTransition(ms, true)
|
|
if (self.timerscroll && self.timerscroll.tm) clearInterval(self.timerscroll.tm)
|
|
if (ms > 0) {
|
if (!self.scrollrunning && self.onscrollstart) {
|
var info = {
|
type: 'scrollstart',
|
current: { x: lft, y: top },
|
request: { x: x, y: y },
|
end: { x: self.newscrollx, y: self.newscrolly },
|
speed: ms
|
}
|
self.onscrollstart.call(self, info)
|
}
|
|
if (cap.transitionend) {
|
if (!self.scrollendtrapped) {
|
self.scrollendtrapped = true
|
self.bind(self.doc, cap.transitionend, self.onScrollEnd, false) //I have got to do something usefull!!
|
}
|
} else {
|
if (self.scrollendtrapped) clearTimeout(self.scrollendtrapped)
|
self.scrollendtrapped = setTimeout(self.onScrollEnd, ms) // simulate transitionend event
|
}
|
|
var py = top
|
var px = lft
|
self.timerscroll = {
|
bz: new BezierClass(py, self.newscrolly, ms, 0, 0, 0.58, 1),
|
bh: new BezierClass(px, self.newscrollx, ms, 0, 0, 0.58, 1)
|
}
|
if (!self.cursorfreezed)
|
self.timerscroll.tm = setInterval(function () {
|
self.showCursor(self.getScrollTop(), self.getScrollLeft())
|
}, 60)
|
}
|
|
self.synched('doScroll-set', function () {
|
self.timer = 0
|
if (self.scrollendtrapped) self.scrollrunning = true
|
self.setScrollTop(self.newscrolly)
|
self.setScrollLeft(self.newscrollx)
|
if (!self.scrollendtrapped) self.onScrollEnd()
|
})
|
}, 50)
|
}
|
|
this.cancelScroll = function () {
|
if (!self.scrollendtrapped) return true
|
var py = self.getScrollTop()
|
var px = self.getScrollLeft()
|
self.scrollrunning = false
|
if (!cap.transitionend) clearTimeout(cap.transitionend)
|
self.scrollendtrapped = false
|
self._unbind(self.doc, cap.transitionend, self.onScrollEnd)
|
self.prepareTransition(0)
|
self.setScrollTop(py) // fire event onscroll
|
if (self.railh) self.setScrollLeft(px)
|
if (self.timerscroll && self.timerscroll.tm) clearInterval(self.timerscroll.tm)
|
self.timerscroll = false
|
|
self.cursorfreezed = false
|
|
//self.noticeCursor(false,py,px);
|
self.showCursor(py, px)
|
return self
|
}
|
this.onScrollEnd = function () {
|
if (self.scrollendtrapped) self._unbind(self.doc, cap.transitionend, self.onScrollEnd)
|
self.scrollendtrapped = false
|
self.prepareTransition(0)
|
if (self.timerscroll && self.timerscroll.tm) clearInterval(self.timerscroll.tm)
|
self.timerscroll = false
|
var py = self.getScrollTop()
|
var px = self.getScrollLeft()
|
self.setScrollTop(py) // fire event onscroll
|
if (self.railh) self.setScrollLeft(px) // fire event onscroll left
|
|
self.noticeCursor(false, py, px)
|
|
self.cursorfreezed = false
|
|
if (py < 0) py = 0
|
else if (py > self.page.maxh) py = self.page.maxh
|
if (px < 0) px = 0
|
else if (px > self.page.maxw) px = self.page.maxw
|
if (py != self.newscrolly || px != self.newscrollx)
|
return self.doScrollPos(px, py, self.opt.snapbackspeed)
|
|
if (self.onscrollend && self.scrollrunning) {
|
var info = {
|
type: 'scrollend',
|
current: { x: px, y: py },
|
end: { x: self.newscrollx, y: self.newscrolly }
|
}
|
self.onscrollend.call(self, info)
|
}
|
self.scrollrunning = false
|
}
|
} else {
|
this.doScrollLeft = function (x, spd) {
|
//no-trans
|
var y = self.scrollrunning ? self.newscrolly : self.getScrollTop()
|
self.doScrollPos(x, y, spd)
|
}
|
|
this.doScrollTop = function (y, spd) {
|
//no-trans
|
var x = self.scrollrunning ? self.newscrollx : self.getScrollLeft()
|
self.doScrollPos(x, y, spd)
|
}
|
|
this.doScrollPos = function (x, y, spd) {
|
//no-trans
|
var y = typeof y == 'undefined' || y === false ? self.getScrollTop(true) : y
|
|
if (self.timer && self.newscrolly == y && self.newscrollx == x) return true
|
|
if (self.timer) clearAnimationFrame(self.timer)
|
self.timer = 0
|
|
var py = self.getScrollTop()
|
var px = self.getScrollLeft()
|
|
if ((self.newscrolly - py) * (y - py) < 0 || (self.newscrollx - px) * (x - px) < 0)
|
self.cancelScroll() //inverted movement detection
|
|
self.newscrolly = y
|
self.newscrollx = x
|
|
if (!self.bouncescroll || !self.rail.visibility) {
|
if (self.newscrolly < 0) {
|
self.newscrolly = 0
|
} else if (self.newscrolly > self.page.maxh) {
|
self.newscrolly = self.page.maxh
|
}
|
}
|
if (!self.bouncescroll || !self.railh.visibility) {
|
if (self.newscrollx < 0) {
|
self.newscrollx = 0
|
} else if (self.newscrollx > self.page.maxw) {
|
self.newscrollx = self.page.maxw
|
}
|
}
|
|
self.dst = {}
|
self.dst.x = x - px
|
self.dst.y = y - py
|
self.dst.px = px
|
self.dst.py = py
|
|
var dst = Math.round(Math.sqrt(Math.pow(self.dst.x, 2) + Math.pow(self.dst.y, 2)))
|
|
self.dst.ax = self.dst.x / dst
|
self.dst.ay = self.dst.y / dst
|
|
var pa = 0
|
var pe = dst
|
|
if (self.dst.x == 0) {
|
pa = py
|
pe = y
|
self.dst.ay = 1
|
self.dst.py = 0
|
} else if (self.dst.y == 0) {
|
pa = px
|
pe = x
|
self.dst.ax = 1
|
self.dst.px = 0
|
}
|
|
var ms = self.getTransitionSpeed(dst)
|
if (spd && spd <= 1) ms *= spd
|
if (ms > 0) {
|
self.bzscroll = self.bzscroll
|
? self.bzscroll.update(pe, ms)
|
: new BezierClass(pa, pe, ms, 0, 1, 0, 1)
|
} else {
|
self.bzscroll = false
|
}
|
|
if (self.timer) return
|
|
if (
|
(py == self.page.maxh && y >= self.page.maxh) ||
|
(px == self.page.maxw && x >= self.page.maxw)
|
)
|
self.checkContentSize()
|
|
var sync = 1
|
|
function scrolling() {
|
if (self.cancelAnimationFrame) return true
|
|
self.scrollrunning = true
|
|
sync = 1 - sync
|
if (sync) return (self.timer = setAnimationFrame(scrolling) || 1)
|
|
var done = 0
|
|
var sc = (sy = self.getScrollTop())
|
if (self.dst.ay) {
|
sc = self.bzscroll
|
? self.dst.py + self.bzscroll.getNow() * self.dst.ay
|
: self.newscrolly
|
var dr = sc - sy
|
if ((dr < 0 && sc < self.newscrolly) || (dr > 0 && sc > self.newscrolly))
|
sc = self.newscrolly
|
self.setScrollTop(sc)
|
if (sc == self.newscrolly) done = 1
|
} else {
|
done = 1
|
}
|
|
var scx = (sx = self.getScrollLeft())
|
if (self.dst.ax) {
|
scx = self.bzscroll
|
? self.dst.px + self.bzscroll.getNow() * self.dst.ax
|
: self.newscrollx
|
var dr = scx - sx
|
if ((dr < 0 && scx < self.newscrollx) || (dr > 0 && scx > self.newscrollx))
|
scx = self.newscrollx
|
self.setScrollLeft(scx)
|
if (scx == self.newscrollx) done += 1
|
} else {
|
done += 1
|
}
|
|
if (done == 2) {
|
self.timer = 0
|
self.cursorfreezed = false
|
self.bzscroll = false
|
self.scrollrunning = false
|
if (sc < 0) sc = 0
|
else if (sc > self.page.maxh) sc = self.page.maxh
|
if (scx < 0) scx = 0
|
else if (scx > self.page.maxw) scx = self.page.maxw
|
if (scx != self.newscrollx || sc != self.newscrolly) self.doScrollPos(scx, sc)
|
else {
|
if (self.onscrollend) {
|
var info = {
|
type: 'scrollend',
|
current: { x: sx, y: sy },
|
end: { x: self.newscrollx, y: self.newscrolly }
|
}
|
self.onscrollend.call(self, info)
|
}
|
}
|
} else {
|
self.timer = setAnimationFrame(scrolling) || 1
|
}
|
}
|
self.cancelAnimationFrame = false
|
self.timer = 1
|
|
if (self.onscrollstart && !self.scrollrunning) {
|
var info = {
|
type: 'scrollstart',
|
current: { x: px, y: py },
|
request: { x: x, y: y },
|
end: { x: self.newscrollx, y: self.newscrolly },
|
speed: ms
|
}
|
self.onscrollstart.call(self, info)
|
}
|
|
scrolling()
|
|
if ((py == self.page.maxh && y >= py) || (px == self.page.maxw && x >= px))
|
self.checkContentSize()
|
|
self.noticeCursor()
|
}
|
|
this.cancelScroll = function () {
|
if (self.timer) clearAnimationFrame(self.timer)
|
self.timer = 0
|
self.bzscroll = false
|
self.scrollrunning = false
|
return self
|
}
|
}
|
|
this.doScrollBy = function (stp, relative) {
|
var ny = 0
|
if (relative) {
|
ny = Math.floor((self.scroll.y - stp) * self.scrollratio.y)
|
} else {
|
var sy = self.timer ? self.newscrolly : self.getScrollTop(true)
|
ny = sy - stp
|
}
|
if (self.bouncescroll) {
|
var haf = Math.round(self.view.h / 2)
|
if (ny < -haf) ny = -haf
|
else if (ny > self.page.maxh + haf) ny = self.page.maxh + haf
|
}
|
self.cursorfreezed = false
|
|
py = self.getScrollTop(true)
|
if (ny < 0 && py <= 0) return self.noticeCursor()
|
else if (ny > self.page.maxh && py >= self.page.maxh) {
|
self.checkContentSize()
|
return self.noticeCursor()
|
}
|
|
self.doScrollTop(ny)
|
}
|
|
this.doScrollLeftBy = function (stp, relative) {
|
var nx = 0
|
if (relative) {
|
nx = Math.floor((self.scroll.x - stp) * self.scrollratio.x)
|
} else {
|
var sx = self.timer ? self.newscrollx : self.getScrollLeft(true)
|
nx = sx - stp
|
}
|
if (self.bouncescroll) {
|
var haf = Math.round(self.view.w / 2)
|
if (nx < -haf) nx = -haf
|
else if (nx > self.page.maxw + haf) nx = self.page.maxw + haf
|
}
|
self.cursorfreezed = false
|
|
px = self.getScrollLeft(true)
|
if (nx < 0 && px <= 0) return self.noticeCursor()
|
else if (nx > self.page.maxw && px >= self.page.maxw) return self.noticeCursor()
|
|
self.doScrollLeft(nx)
|
}
|
|
this.doScrollTo = function (pos, relative) {
|
var ny = relative ? Math.round(pos * self.scrollratio.y) : pos
|
if (ny < 0) ny = 0
|
else if (ny > self.page.maxh) ny = self.page.maxh
|
self.cursorfreezed = false
|
self.doScrollTop(pos)
|
}
|
|
this.checkContentSize = function () {
|
var pg = self.getContentSize()
|
if (pg.h != self.page.h || pg.w != self.page.w) self.resize(false, pg)
|
}
|
|
self.onscroll = function (e) {
|
if (self.rail.drag) return
|
if (!self.cursorfreezed) {
|
self.synched('scroll', function () {
|
self.scroll.y = Math.round(self.getScrollTop() * (1 / self.scrollratio.y))
|
if (self.railh)
|
self.scroll.x = Math.round(self.getScrollLeft() * (1 / self.scrollratio.x))
|
self.noticeCursor()
|
})
|
}
|
}
|
self.bind(self.docscroll, 'scroll', self.onscroll)
|
|
this.doZoomIn = function (e) {
|
if (self.zoomactive) return
|
self.zoomactive = true
|
|
self.zoomrestore = {
|
style: {}
|
}
|
var lst = [
|
'position',
|
'top',
|
'left',
|
'zIndex',
|
'backgroundColor',
|
'marginTop',
|
'marginBottom',
|
'marginLeft',
|
'marginRight'
|
]
|
var win = self.win[0].style
|
for (var a in lst) {
|
var pp = lst[a]
|
self.zoomrestore.style[pp] = typeof win[pp] != 'undefined' ? win[pp] : ''
|
}
|
|
self.zoomrestore.style.width = self.win.css('width')
|
self.zoomrestore.style.height = self.win.css('height')
|
|
self.zoomrestore.padding = {
|
w: self.win.outerWidth() - self.win.width(),
|
h: self.win.outerHeight() - self.win.height()
|
}
|
|
if (cap.isios4) {
|
self.zoomrestore.scrollTop = $(window).scrollTop()
|
$(window).scrollTop(0)
|
}
|
|
self.win.css({
|
position: cap.isios4 ? 'absolute' : 'fixed',
|
top: 0,
|
left: 0,
|
'z-index': globalmaxzindex + 100,
|
margin: '0px'
|
})
|
var bkg = self.win.css('backgroundColor')
|
if (bkg == '' || /transparent|rgba\(0, 0, 0, 0\)|rgba\(0,0,0,0\)/.test(bkg))
|
self.win.css('backgroundColor', '#fff')
|
self.rail.css({ 'z-index': globalmaxzindex + 101 })
|
self.zoom.css({ 'z-index': globalmaxzindex + 102 })
|
self.zoom.css('backgroundPosition', '0px -18px')
|
self.resizeZoom()
|
|
if (self.onzoomin) self.onzoomin.call(self)
|
|
return self.cancelEvent(e)
|
}
|
|
this.doZoomOut = function (e) {
|
if (!self.zoomactive) return
|
self.zoomactive = false
|
|
self.win.css('margin', '')
|
self.win.css(self.zoomrestore.style)
|
|
if (cap.isios4) {
|
$(window).scrollTop(self.zoomrestore.scrollTop)
|
}
|
|
self.rail.css({ 'z-index': self.zindex })
|
self.zoom.css({ 'z-index': self.zindex })
|
self.zoomrestore = false
|
self.zoom.css('backgroundPosition', '0px 0px')
|
self.onResize()
|
|
if (self.onzoomout) self.onzoomout.call(self)
|
|
return self.cancelEvent(e)
|
}
|
|
this.doZoom = function (e) {
|
return self.zoomactive ? self.doZoomOut(e) : self.doZoomIn(e)
|
}
|
|
this.resizeZoom = function () {
|
if (!self.zoomactive) return
|
|
var py = self.getScrollTop() //preserve scrolling position
|
self.win.css({
|
width: $(window).width() - self.zoomrestore.padding.w + 'px',
|
height: $(window).height() - self.zoomrestore.padding.h + 'px'
|
})
|
self.onResize()
|
|
self.setScrollTop(Math.min(self.page.maxh, py))
|
}
|
|
this.init()
|
|
$.nicescroll.push(this)
|
}
|
|
// Inspired by the work of Kin Blas
|
// http://webpro.host.adobe.com/people/jblas/momentum/includes/jquery.momentum.0.7.js
|
|
var ScrollMomentumClass2D = function (nc) {
|
var self = this
|
this.nc = nc
|
|
this.lastx = 0
|
this.lasty = 0
|
this.speedx = 0
|
this.speedy = 0
|
this.lasttime = 0
|
this.steptime = 0
|
this.snapx = false
|
this.snapy = false
|
this.demulx = 0
|
this.demuly = 0
|
|
this.lastscrollx = -1
|
this.lastscrolly = -1
|
|
this.chkx = 0
|
this.chky = 0
|
|
this.timer = 0
|
|
this.time = function () {
|
return +new Date() //beautifull hack
|
}
|
|
this.reset = function (px, py) {
|
self.stop()
|
var now = self.time()
|
self.steptime = 0
|
self.lasttime = now
|
self.speedx = 0
|
self.speedy = 0
|
self.lastx = px
|
self.lasty = py
|
self.lastscrollx = -1
|
self.lastscrolly = -1
|
}
|
|
this.update = function (px, py) {
|
var now = self.time()
|
self.steptime = now - self.lasttime
|
self.lasttime = now
|
var dy = py - self.lasty
|
var dx = px - self.lastx
|
var sy = self.nc.getScrollTop()
|
var sx = self.nc.getScrollLeft()
|
var newy = sy + dy
|
var newx = sx + dx
|
self.snapx = newx < 0 || newx > self.nc.page.maxw
|
self.snapy = newy < 0 || newy > self.nc.page.maxh
|
self.speedx = dx
|
self.speedy = dy
|
self.lastx = px
|
self.lasty = py
|
}
|
|
this.stop = function () {
|
self.nc.unsynched('domomentum2d')
|
if (self.timer) clearTimeout(self.timer)
|
self.timer = 0
|
self.lastscrollx = -1
|
self.lastscrolly = -1
|
}
|
|
this.doSnapy = function (nx, ny) {
|
var snap = false
|
|
if (ny < 0) {
|
ny = 0
|
snap = true
|
} else if (ny > self.nc.page.maxh) {
|
ny = self.nc.page.maxh
|
snap = true
|
}
|
|
if (nx < 0) {
|
nx = 0
|
snap = true
|
} else if (nx > self.nc.page.maxw) {
|
nx = self.nc.page.maxw
|
snap = true
|
}
|
|
if (snap) self.nc.doScrollPos(nx, ny, self.nc.opt.snapbackspeed)
|
}
|
|
this.doMomentum = function (gp) {
|
var t = self.time()
|
var l = gp ? t + gp : self.lasttime
|
|
var sl = self.nc.getScrollLeft()
|
var st = self.nc.getScrollTop()
|
|
var pageh = self.nc.page.maxh
|
var pagew = self.nc.page.maxw
|
|
self.speedx = pagew > 0 ? Math.min(60, self.speedx) : 0
|
self.speedy = pageh > 0 ? Math.min(60, self.speedy) : 0
|
|
var chk = l && t - l <= 50
|
|
if (st < 0 || st > pageh || sl < 0 || sl > pagew) chk = false
|
|
var sy = self.speedy && chk ? self.speedy : false
|
var sx = self.speedx && chk ? self.speedx : false
|
|
if (sy || sx) {
|
var tm = Math.max(16, self.steptime) //timeout granularity
|
|
if (tm > 50) {
|
// do smooth
|
var xm = tm / 50
|
self.speedx *= xm
|
self.speedy *= xm
|
tm = 50
|
}
|
|
self.demulxy = 0
|
|
self.lastscrollx = self.nc.getScrollLeft()
|
self.chkx = self.lastscrollx
|
self.lastscrolly = self.nc.getScrollTop()
|
self.chky = self.lastscrolly
|
|
var nx = self.lastscrollx
|
var ny = self.lastscrolly
|
|
var onscroll = function () {
|
var df = self.time() - t > 600 ? 0.04 : 0.02
|
|
if (self.speedx) {
|
nx = Math.floor(self.lastscrollx - self.speedx * (1 - self.demulxy))
|
self.lastscrollx = nx
|
if (nx < 0 || nx > pagew) df = 0.1
|
}
|
|
if (self.speedy) {
|
ny = Math.floor(self.lastscrolly - self.speedy * (1 - self.demulxy))
|
self.lastscrolly = ny
|
if (ny < 0 || ny > pageh) df = 0.1
|
}
|
|
self.demulxy = Math.min(1, self.demulxy + df)
|
|
self.nc.synched('domomentum2d', function () {
|
if (self.speedx) {
|
var scx = self.nc.getScrollLeft()
|
if (scx != self.chkx) self.stop()
|
self.chkx = nx
|
self.nc.setScrollLeft(nx)
|
}
|
|
if (self.speedy) {
|
var scy = self.nc.getScrollTop()
|
if (scy != self.chky) self.stop()
|
self.chky = ny
|
self.nc.setScrollTop(ny)
|
}
|
|
if (!self.timer) {
|
self.nc.hideCursor()
|
self.doSnapy(nx, ny)
|
}
|
})
|
|
if (self.demulxy < 1) {
|
self.timer = setTimeout(onscroll, tm)
|
} else {
|
self.stop()
|
self.nc.hideCursor()
|
self.doSnapy(nx, ny)
|
}
|
}
|
|
onscroll()
|
} else {
|
self.doSnapy(self.nc.getScrollLeft(), self.nc.getScrollTop())
|
}
|
}
|
}
|
|
// override jQuery scrollTop
|
|
var _scrollTop = jQuery.fn.scrollTop // preserve original function
|
|
jQuery.cssHooks['pageYOffset'] = {
|
get: function (elem, computed, extra) {
|
var nice = $.data(elem, '__nicescroll') || false
|
return nice && nice.ishwscroll ? nice.getScrollTop() : _scrollTop.call(elem)
|
},
|
set: function (elem, value) {
|
var nice = $.data(elem, '__nicescroll') || false
|
nice && nice.ishwscroll ? nice.setScrollTop(parseInt(value)) : _scrollTop.call(elem, value)
|
return this
|
}
|
}
|
|
/*
|
$.fx.step["scrollTop"] = function(fx){
|
$.cssHooks["scrollTop"].set( fx.elem, fx.now + fx.unit );
|
};
|
*/
|
|
jQuery.fn.scrollTop = function (value) {
|
if (typeof value == 'undefined') {
|
var nice = this[0] ? $.data(this[0], '__nicescroll') || false : false
|
return nice && nice.ishwscroll ? nice.getScrollTop() : _scrollTop.call(this)
|
} else {
|
return this.each(function () {
|
var nice = $.data(this, '__nicescroll') || false
|
nice && nice.ishwscroll
|
? nice.setScrollTop(parseInt(value))
|
: _scrollTop.call($(this), value)
|
})
|
}
|
}
|
|
// override jQuery scrollLeft
|
|
var _scrollLeft = jQuery.fn.scrollLeft // preserve original function
|
|
$.cssHooks.pageXOffset = {
|
get: function (elem, computed, extra) {
|
var nice = $.data(elem, '__nicescroll') || false
|
return nice && nice.ishwscroll ? nice.getScrollLeft() : _scrollLeft.call(elem)
|
},
|
set: function (elem, value) {
|
var nice = $.data(elem, '__nicescroll') || false
|
nice && nice.ishwscroll ? nice.setScrollLeft(parseInt(value)) : _scrollLeft.call(elem, value)
|
return this
|
}
|
}
|
|
/*
|
$.fx.step["scrollLeft"] = function(fx){
|
$.cssHooks["scrollLeft"].set( fx.elem, fx.now + fx.unit );
|
};
|
*/
|
|
jQuery.fn.scrollLeft = function (value) {
|
if (typeof value == 'undefined') {
|
var nice = this[0] ? $.data(this[0], '__nicescroll') || false : false
|
return nice && nice.ishwscroll ? nice.getScrollLeft() : _scrollLeft.call(this)
|
} else {
|
return this.each(function () {
|
var nice = $.data(this, '__nicescroll') || false
|
nice && nice.ishwscroll
|
? nice.setScrollLeft(parseInt(value))
|
: _scrollLeft.call($(this), value)
|
})
|
}
|
}
|
|
var NiceScrollArray = function (doms) {
|
var self = this
|
this.length = 0
|
this.name = 'nicescrollarray'
|
|
this.each = function (fn) {
|
for (var a = 0; a < self.length; a++) fn.call(self[a])
|
return self
|
}
|
|
this.push = function (nice) {
|
self[self.length] = nice
|
self.length++
|
}
|
|
this.eq = function (idx) {
|
return self[idx]
|
}
|
|
if (doms) {
|
for (a = 0; a < doms.length; a++) {
|
var nice = $.data(doms[a], '__nicescroll') || false
|
if (nice) {
|
this[this.length] = nice
|
this.length++
|
}
|
}
|
}
|
|
return this
|
}
|
|
function mplex(el, lst, fn) {
|
for (var a = 0; a < lst.length; a++) fn(el, lst[a])
|
}
|
mplex(
|
NiceScrollArray.prototype,
|
['show', 'hide', 'toggle', 'onResize', 'resize', 'remove', 'stop', 'doScrollPos'],
|
function (e, n) {
|
e[n] = function () {
|
var args = arguments
|
return this.each(function () {
|
this[n].apply(this, args)
|
})
|
}
|
}
|
)
|
|
jQuery.fn.getNiceScroll = function (index) {
|
if (typeof index == 'undefined') {
|
return new NiceScrollArray(this)
|
} else {
|
var nice = $.data(this[index], '__nicescroll') || false
|
return nice
|
}
|
}
|
|
jQuery.extend(jQuery.expr[':'], {
|
nicescroll: function (a) {
|
return $.data(a, '__nicescroll') ? true : false
|
}
|
})
|
|
$.fn.niceScroll = function (wrapper, opt) {
|
if (typeof opt == 'undefined') {
|
if (typeof wrapper == 'object' && !('jquery' in wrapper)) {
|
opt = wrapper
|
wrapper = false
|
}
|
}
|
var ret = new NiceScrollArray()
|
if (typeof opt == 'undefined') opt = {}
|
|
if (wrapper || false) {
|
opt.doc = $(wrapper)
|
opt.win = $(this)
|
}
|
var docundef = !('doc' in opt)
|
if (!docundef && !('win' in opt)) opt.win = $(this)
|
|
this.each(function () {
|
var nice = $(this).data('__nicescroll') || false
|
if (!nice) {
|
opt.doc = docundef ? $(this) : opt.doc
|
nice = new NiceScrollClass(opt, $(this))
|
$(this).data('__nicescroll', nice)
|
}
|
ret.push(nice)
|
})
|
return ret.length == 1 ? ret[0] : ret
|
}
|
|
window.NiceScroll = {
|
getjQuery: function () {
|
return jQuery
|
}
|
}
|
|
if (!$.nicescroll) {
|
$.nicescroll = new NiceScrollArray()
|
$.nicescroll.options = _globaloptions
|
}
|
})(jQuery)
|
