sweet-scroll
Advanced tools
Comparing version 0.4.0 to 0.5.0
{ | ||
"name": "sweet-scroll", | ||
"version": "0.4.0", | ||
"version": "0.5.0", | ||
"description": "Modern and the sweet smooth scroll library.", | ||
@@ -5,0 +5,0 @@ "main": "sweet-scroll.js", |
@@ -90,3 +90,3 @@ sweet-scroll.js | ||
stopScroll: true, // When fired wheel or touchstart events to stop scrolling | ||
updateURL: false, // Update the URL hash on before scroll | ||
updateURL: false, // Update the URL hash on after scroll | ||
@@ -97,3 +97,4 @@ // Callbacks | ||
afterScroll: null, | ||
cancelScroll: null | ||
cancelScroll: null, | ||
completeScroll: null | ||
} | ||
@@ -172,3 +173,3 @@ ``` | ||
// Specified in the HTMLElement | ||
// Specified in the Element | ||
const sweetScroll = new SweetScroll({/* some options */}, document.getElementById("container")); | ||
@@ -218,10 +219,9 @@ ``` | ||
```javascript | ||
let hash; | ||
const sweetScroll = new SweetScroll(); | ||
const hash = window.location.hash; | ||
let needsInitialScroll = false; | ||
const sweetScroll = new SweetScroll(); | ||
document.addEventListener("DOMContentLoaded", function() { | ||
hash = window.location.hash; | ||
if (document.getElementById(hash.substr(1)) != null) { | ||
needsInitialScroll = true; | ||
needsInitialScroll = document.getElementById(hash.substr(1)) != null; | ||
if (needsInitialScroll) { | ||
window.location.hash = ""; | ||
@@ -258,3 +258,4 @@ } | ||
- `cancelScroll: function(){}` | ||
- `after: function(toScroll, trigger){}` | ||
- `afterScroll: function(toScroll, trigger){}` | ||
- `completeScroll: function(isCancel){}` | ||
@@ -292,3 +293,3 @@ `distance` to can specify the CSS Selector or scroll position. | ||
**options: {Object}** | ||
**container: {String | HTMLElement}** | ||
**container: {String | Element}** | ||
@@ -351,6 +352,6 @@ Will generate a SweetScroll instance. | ||
**$el: {HTMLElement}** | ||
**$el: {Element}** | ||
**options: {Object}** | ||
Scroll animation to the specified `HTMLElement`. | ||
Scroll animation to the specified `Element`. | ||
@@ -437,2 +438,7 @@ **Example:** | ||
console.log("After!!"); | ||
}, | ||
// Scroll animation is complete (`after` or `cancel`) | ||
completeScroll(isCancel) { | ||
console.log("Complete!!", isCancel); | ||
} | ||
@@ -466,2 +472,6 @@ }); | ||
} | ||
completeScroll(isCancel) { | ||
console.log("Complete!!", isCancel); | ||
} | ||
} | ||
@@ -468,0 +478,0 @@ ``` |
@@ -8,3 +8,3 @@ /*! | ||
* @license MIT | ||
* @version 0.4.0 | ||
* @version 0.5.0 | ||
*/ | ||
@@ -177,3 +177,3 @@ (function (global, factory) { | ||
var method = directionMethodMap[direction]; | ||
var elements = selectors instanceof HTMLElement ? [selectors] : $$(selectors); | ||
var elements = selectors instanceof Element ? [selectors] : $$(selectors); | ||
var scrollables = []; | ||
@@ -652,3 +652,3 @@ var $div = document.createElement("div"); | ||
} | ||
return window.history && "pushState" in window.history; | ||
return window.history && "pushState" in window.history && window.location.protocol !== "file:"; | ||
}(); | ||
@@ -661,3 +661,3 @@ | ||
* @param {Object} | ||
* @param {String} | {HTMLElement} | ||
* @param {String} | {Element} | ||
*/ | ||
@@ -740,7 +740,2 @@ | ||
// Update URL | ||
if (hash != null && hash !== window.location.hash && params.updateURL) { | ||
this.updateURLHash(hash); | ||
} | ||
// Apply `offset` value | ||
@@ -791,4 +786,10 @@ if (offset) { | ||
this.tween.run(scroll.left, scroll.top, params.duration, params.delay, params.easing, function () { | ||
// Update URL | ||
if (hash != null && hash !== window.location.hash && params.updateURL) { | ||
_this2.updateURLHash(hash); | ||
} | ||
// Unbind the scroll stop events, And call `afterScroll` or `cancelScroll` | ||
_this2.unbindContainerStop(); | ||
if (_this2._shouldCallCancelScroll) { | ||
@@ -801,2 +802,6 @@ _this2.hook(params.cancelScroll); | ||
} | ||
// Call `completeScroll` | ||
_this2.hook(params.completeScroll, _this2._shouldCallCancelScroll); | ||
_this2.completeScroll(_this2._shouldCallCancelScroll); | ||
}); | ||
@@ -846,3 +851,3 @@ | ||
* Scroll animation to the specified element | ||
* @param {HTMLElement} | ||
* @param {Element} | ||
* @param {Object} | ||
@@ -857,3 +862,3 @@ * @return {Void} | ||
if ($el instanceof HTMLElement) { | ||
if ($el instanceof Element) { | ||
var offset = getOffset($el, this.container); | ||
@@ -929,3 +934,3 @@ this.to(offset, merge({}, options)); | ||
* @param {Object} | ||
* @param {HTMLElement} | ||
* @param {Element} | ||
* @return {Boolean} | ||
@@ -952,3 +957,3 @@ */ | ||
* @param {Object} | ||
* @param {HTMLElement} | ||
* @param {Element} | ||
* @return {Void} | ||
@@ -962,2 +967,12 @@ */ | ||
/** | ||
* Called at complete of the scroll. | ||
* @param {Boolean} | ||
* @return {Void} | ||
*/ | ||
}, { | ||
key: "completeScroll", | ||
value: function completeScroll(isCancel) {} | ||
/** | ||
* Parse the value of coordinate | ||
@@ -1052,3 +1067,3 @@ * @param {Any} | ||
* Get the container for the scroll, depending on the options. | ||
* @param {String} | {HTMLElement} | ||
* @param {String} | {Element} | ||
* @param {Function} | ||
@@ -1229,3 +1244,3 @@ * @return {Void} | ||
* Parse the data-scroll-options attribute | ||
* @param {HTMLElement} | ||
* @param {Element} | ||
* @return {Object} | ||
@@ -1258,3 +1273,3 @@ * @private | ||
stopScroll: true, // When fired wheel or touchstart events to stop scrolling | ||
updateURL: false, // Update the URL hash on before scroll | ||
updateURL: false, // Update the URL hash on after scroll | ||
@@ -1265,3 +1280,4 @@ // Callbacks | ||
afterScroll: null, | ||
cancelScroll: null | ||
cancelScroll: null, | ||
completeScroll: null | ||
}; | ||
@@ -1268,0 +1284,0 @@ |
@@ -8,4 +8,4 @@ /*! | ||
* @license MIT | ||
* @version 0.4.0 | ||
* @version 0.5.0 | ||
*/ | ||
!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):t.SweetScroll=n()}(this,function(){"use strict";function t(t){return null==t?t+"":"object"===("undefined"==typeof t?"undefined":nt["typeof"](t))||"function"==typeof t?ot[Object.prototype.toString.call(t)]||"object":"undefined"==typeof t?"undefined":nt["typeof"](t)}function n(t){return Array.isArray(t)}function e(t){var n=null==t?null:t.length;return o(n)&&n>=0&&et>=n}function i(e){return!n(e)&&"object"===t(e)}function o(n){return"number"===t(n)}function r(n){return"string"===t(n)}function l(n){return"function"===t(n)}function u(t){return!n(t)&&t-parseFloat(t)+1>=0}function a(t,n){return t&&t.hasOwnProperty(n)}function c(t){for(var n=arguments.length,e=Array(n>1?n-1:0),i=1;n>i;i++)e[i-1]=arguments[i];return s(e,function(n){s(n,function(n,e){t[e]=n})}),t}function s(t,n,o){if(null==t)return t;if(o=o||t,i(t)){for(var r in t)if(a(t,r)&&n.call(o,t[r],r)===!1)break}else if(e(t)){var l=void 0,u=t.length;for(l=0;u>l&&n.call(o,t[l],l)!==!1;l++);}return t}function f(t){return t.replace(/\s*/g,"")||""}function h(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(t)return(null==n?document:n).querySelector(t)}function d(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(t)return(null==n?document:n).querySelectorAll(t)}function p(t,n){for(var e=(t.document||t.ownerDocument).querySelectorAll(n),i=e.length;--i>=0&&e.item(i)!==t;);return i>-1}function v(t){var n=document;return t===n.documentElement||t===n.body}function g(t){for(var n=arguments.length<=1||void 0===arguments[1]?"y":arguments[1],e=arguments.length<=2||void 0===arguments[2]?!0:arguments[2],i=rt[n],o=t instanceof HTMLElement?[t]:d(t),r=[],l=document.createElement("div"),u=0;u<o.length;u++){var a=o[u];if(a[i]>0?r.push(a):(l.style.width=a.clientWidth+1+"px",l.style.height=a.clientHeight+1+"px",a.appendChild(l),a[i]=1,a[i]>0&&r.push(a),a[i]=0,a.removeChild(l)),!e&&r.length>0)break}return r}function y(t,n){var e=g(t,n,!1);return e.length>=1?e[0]:void 0}function S(t){return null!=t&&t===t.window?t:9===t.nodeType&&t.defaultView}function C(t){var n=arguments.length<=1||void 0===arguments[1]?"y":arguments[1],e=rt[n],i=lt[n],o=S(t);return o?o[i]:t[e]}function m(t,n){var e=arguments.length<=2||void 0===arguments[2]?"y":arguments[2],i=rt[e],o=S(t),r="y"===e;o?o.scrollTo(r?o.pageXOffset:n,r?n:o.pageYOffset):t[i]=n}function k(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(!t||t&&!t.getClientRects().length)return{top:0,left:0};var e=t.getBoundingClientRect();if(e.width||e.height){var i={},o=void 0;if(null==n||v(n))o=t.ownerDocument.documentElement,i.top=window.pageYOffset,i.left=window.pageXOffset;else{o=n;var r=o.getBoundingClientRect();i.top=-1*r.top+o.scrollTop,i.left=-1*r.left+o.scrollLeft}return{top:e.top+i.top-o.clientTop,left:e.left+i.left-o.clientLeft}}return e}function b(t,n,e){var i=n.split(",");i.forEach(function(n){t.addEventListener(n.trim(),e,!1)})}function w(t,n,e){var i=n.split(",");i.forEach(function(n){t.removeEventListener(n.trim(),e,!1)})}function O(t){return t}function x(t,n,e,i,o){return i*(n/=o)*n+e}function L(t,n,e,i,o){return-i*(n/=o)*(n-2)+e}function I(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n+e:-i/2*(--n*(n-2)-1)+e}function _(t,n,e,i,o){return i*(n/=o)*n*n+e}function E(t,n,e,i,o){return i*((n=n/o-1)*n*n+1)+e}function M(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n+e:i/2*((n-=2)*n*n+2)+e}function T(t,n,e,i,o){return i*(n/=o)*n*n*n+e}function A(t,n,e,i,o){return-i*((n=n/o-1)*n*n*n-1)+e}function z(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n*n+e:-i/2*((n-=2)*n*n*n-2)+e}function H(t,n,e,i,o){return i*(n/=o)*n*n*n*n+e}function Q(t,n,e,i,o){return i*((n=n/o-1)*n*n*n*n+1)+e}function j(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n*n*n+e:i/2*((n-=2)*n*n*n*n+2)+e}function B(t,n,e,i,o){return-i*at(n/o*(pt/2))+i+e}function D(t,n,e,i,o){return i*ct(n/o*(pt/2))+e}function R(t,n,e,i,o){return-i/2*(at(pt*n/o)-1)+e}function q(t,n,e,i,o){return 0===n?e:i*st(2,10*(n/o-1))+e}function P(t,n,e,i,o){return n===o?e+i:i*(-st(2,-10*n/o)+1)+e}function W(t,n,e,i,o){return 0===n?e:n===o?e+i:(n/=o/2)<1?i/2*st(2,10*(n-1))+e:i/2*(-st(2,-10*--n)+2)+e}function F(t,n,e,i,o){return-i*(ht(1-(n/=o)*n)-1)+e}function U(t,n,e,i,o){return i*ht(1-(n=n/o-1)*n)+e}function $(t,n,e,i,o){return(n/=o/2)<1?-i/2*(ht(1-n*n)-1)+e:i/2*(ht(1-(n-=2)*n)+1)+e}function N(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:1===(n/=o)?e+i:(l||(l=.3*o),u<ft(i)?(u=i,r=l/4):r=l/(2*pt)*dt(i/u),-(u*st(2,10*(n-=1))*ct((n*o-r)*(2*pt)/l))+e)}function X(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:1===(n/=o)?e+i:(l||(l=.3*o),u<ft(i)?(u=i,r=l/4):r=l/(2*pt)*dt(i/u),u*st(2,-10*n)*ct((n*o-r)*(2*pt)/l)+i+e)}function Y(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:2===(n/=o/2)?e+i:(l||(l=o*(.3*1.5)),u<ft(i)?(u=i,r=l/4):r=l/(2*pt)*dt(i/u),1>n?-.5*(u*st(2,10*(n-=1))*ct((n*o-r)*(2*pt)/l))+e:u*st(2,-10*(n-=1))*ct((n*o-r)*(2*pt)/l)*.5+i+e)}function J(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return i*(n/=o)*n*((r+1)*n-r)+e}function V(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return i*((n=n/o-1)*n*((r+1)*n+r)+1)+e}function G(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return(n/=o/2)<1?i/2*(n*n*(((r*=1.525)+1)*n-r))+e:i/2*((n-=2)*n*(((r*=1.525)+1)*n+r)+2)+e}function K(t,n,e,i,o){return i-Z(t,o-n,0,i,o)+e}function Z(t,n,e,i,o){return(n/=o)<1/2.75?i*(7.5625*n*n)+e:2/2.75>n?i*(7.5625*(n-=1.5/2.75)*n+.75)+e:2.5/2.75>n?i*(7.5625*(n-=2.25/2.75)*n+.9375)+e:i*(7.5625*(n-=2.625/2.75)*n+.984375)+e}function tt(t,n,e,i,o){return o/2>n?.5*K(t,2*n,0,i,o)+e:.5*Z(t,2*n-o,0,i,o)+.5*i+e}var nt={};nt["typeof"]="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol?"symbol":typeof t},nt.classCallCheck=function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")},nt.createClass=function(){function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}}();var et=Math.pow(2,53)-1,it=["Boolean","Number","String","Function","Array","Object"],ot={};it.forEach(function(t){ot["[object "+t+"]"]=t.toLowerCase()});var rt={y:"scrollTop",x:"scrollLeft"},lt={y:"pageYOffset",x:"pageXOffset"},ut=Math,at=ut.cos,ct=ut.sin,st=ut.pow,ft=ut.abs,ht=ut.sqrt,dt=ut.asin,pt=ut.PI,vt=Object.freeze({linear:O,InQuad:x,OutQuad:L,InOutQuad:I,InCubic:_,OutCubic:E,InOutCubic:M,InQuart:T,OutQuart:A,InOutQuart:z,InQuint:H,OutQuint:Q,InOutQuint:j,InSine:B,OutSine:D,InOutSine:R,InExpo:q,OutExpo:P,InOutExpo:W,InCirc:F,OutCirc:U,InOutCirc:$,InElastic:N,OutElastic:X,InOutElastic:Y,InBack:J,OutBack:V,InOutBack:G,InBounce:K,OutBounce:Z,InOutBounce:tt}),gt=0,yt=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(t){var n=Date.now(),e=Math.max(0,16-(n-gt)),i=window.setTimeout(function(){t(n+e)},e);return gt=n+e,i},St=function(){function t(n){nt.classCallCheck(this,t),this.el=n,this.props={},this.progress=!1,this.startTime=null}return nt.createClass(t,[{key:"run",value:function(t,n,e,i,o){var r=this,l=arguments.length<=5||void 0===arguments[5]?function(){}:arguments[5];this.progress||(this.props={x:t,y:n},this.duration=e,this.delay=i,this.easing=o.replace("ease",""),this.callback=l,this.progress=!0,setTimeout(function(){r.startProps={x:C(r.el,"x"),y:C(r.el,"y")},yt(function(t){return r._loop(t)})},i))}},{key:"stop",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!0:arguments[0];this.startTime=null,this.progress=!1,t&&(m(this.el,this.props.x,"x"),m(this.el,this.props.y,"y")),l(this.callback)&&(this.callback(),this.callback=null)}},{key:"_loop",value:function(t){var n=this;if(this.startTime||(this.startTime=t),!this.progress)return void this.stop(!1);var e=this.el,i=this.props,o=this.duration,r=this.startTime,l=this.startProps,u={},a=vt[this.easing],c=t-r,f=Math.min(1,Math.max(c/o,0));s(i,function(t,n){var e=l[n],i=t-e;if(0===i)return!0;var r=a(f,o*f,0,1,o);u[n]=Math.round(e+i*r)}),s(u,function(t,n){m(e,t,n)}),o>=c?yt(function(t){return n._loop(t)}):this.stop(!0)}}]),t}(),Ct=window,mt=document,kt="onwheel"in mt?"wheel":"onmousewheel"in mt?"mousewheel":"DOMMouseScroll",bt=kt+", touchstart, touchmove",wt="DOMContentLoaded",Ot=!1;b(mt,wt,function(){Ot=!0});var xt=function(){var t=navigator.userAgent;return-1===t.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone")?window.history&&"pushState"in window.history:!1}(),Lt=function(){function t(){var n=this,e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],i=arguments.length<=1||void 0===arguments[1]?"body, html":arguments[1];nt.classCallCheck(this,t);var o=c({},t.defaults,e);this.options=o,this.getContainer(i,function(t){n.container=t,n.header=h(o.header),n.tween=new St(t),n._trigger=null,n._shouldCallCancelScroll=!1,n.bindContainerClick(),n.initialized(),n.hook(o.initialized)})}return nt.createClass(t,[{key:"to",value:function(t){var n=this,e=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=this.container,o=this.header,l=c({},this.options,e),u=this.parseCoodinate(l.offset),a=this._trigger,s=this.parseCoodinate(t),f=null;if(this._trigger=null,this._shouldCallCancelScroll=!1,this.stop(),i){if(!s&&r(t))if(f=/^#/.test(t)?t:null,"#"===t)s={top:0,left:0};else{var d=h(t),p=k(d,i);if(!p)return;s=p}if(s){null!=f&&f!==window.location.hash&&l.updateURL&&this.updateURLHash(f),u&&(s.top+=u.top,s.left+=u.left),o&&(s.top=Math.max(0,s.top-this.header.clientHeight));var g=void 0,y=void 0;v(i)?(g={width:Ct.innerWidth,height:Ct.innerHeight},y={width:mt.body.scrollWidth,height:mt.body.scrollHeight}):(g={width:i.clientWidth,height:i.clientHeight},y={width:i.scrollWidth,height:i.scrollHeight}),this.hook(l.beforeScroll,s,a)!==!1&&this.beforeScroll(s,a)!==!1&&(l.verticalScroll?s.top=Math.max(0,Math.min(y.height-g.height,s.top)):s.top=C(i,"y"),l.horizontalScroll?s.left=Math.max(0,Math.min(y.width-g.width,s.left)):s.left=C(i,"x"),this.tween.run(s.left,s.top,l.duration,l.delay,l.easing,function(){n.unbindContainerStop(),n._shouldCallCancelScroll?(n.hook(l.cancelScroll),n.cancelScroll()):(n.hook(l.afterScroll,s,a),n.afterScroll(s,a))}),this.bindContainerStop())}}}},{key:"toTop",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];this.to(t,c({},n,{verticalScroll:!0,horizontalScroll:!1}))}},{key:"toLeft",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];this.to(t,c({},n,{verticalScroll:!1,horizontalScroll:!0}))}},{key:"toElement",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];if(t instanceof HTMLElement){var e=k(t,this.container);this.to(e,c({},n))}}},{key:"stop",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0];this._stopScrollListener&&(this._shouldCallCancelScroll=!0),this.tween.stop(t)}},{key:"update",value:function(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.stop(),this.unbindContainerClick(),this.unbindContainerStop(),this.options=c({},this.options,t),this.header=h(this.options.header),this.bindContainerClick()}},{key:"destroy",value:function(){this.stop(),this.unbindContainerClick(),this.unbindContainerStop(),this.container=null,this.header=null,this.tween=null}},{key:"initialized",value:function(){}},{key:"beforeScroll",value:function(t,n){return!0}},{key:"cancelScroll",value:function(){}},{key:"afterScroll",value:function(t,n){}},{key:"parseCoodinate",value:function(t){var e=this.options.verticalScroll,i={top:0,left:0};if(a(t,"top")||a(t,"left"))i=c(i,t);else if(n(t))2===t.length?(i.top=t[0],i.left=t[1]):(i.top=e?t[0]:0,i.left=e?0:t[0]);else if(u(t))i.top=e?t:0,i.left=e?0:t;else{if(!r(t))return null;if(t=f(t),/^\d+,\d+$/.test(t))t=t.split(","),i.top=t[0],i.left=t[1];else if(/^(top|left):\d+,?(?:(top|left):\d+)?$/.test(t)){var o=t.match(/top:(\d+)/),l=t.match(/left:(\d+)/);i.top=o?o[1]:0,i.left=l?l[1]:0}else{if(!this.container||!/^(\+|-)=(\d+)$/.test(t))return null;var s=C(this.container,e?"y":"x"),h=t.match(/^(\+|-)\=(\d+)$/),d=h[1],p=parseInt(h[2],10);"+"===d?(i.top=e?s+p:0,i.left=e?0:s+p):(i.top=e?s-p:0,i.left=e?0:s-p)}}return i.top=parseInt(i.top,10),i.left=parseInt(i.left,10),i}},{key:"updateURLHash",value:function(t){xt&&window.history.pushState(null,null,t)}},{key:"getContainer",value:function(t,n){var e=this,i=this.options,o=i.verticalScroll,r=i.horizontalScroll,l=void 0;o&&(l=y(t,"y")),!l&&r&&(l=y(t,"x")),l||Ot?n.call(this,l):b(mt,wt,function(){e.getContainer(t,n)})}},{key:"bindContainerClick",value:function(){var t=this.container;t&&(this._containerClickListener=this.handleContainerClick.bind(this),b(t,"click",this._containerClickListener))}},{key:"unbindContainerClick",value:function(){var t=this.container;t&&this._containerClickListener&&(w(t,"click",this._containerClickListener),this._containerClickListener=null)}},{key:"bindContainerStop",value:function(){var t=this.container;t&&(this._stopScrollListener=this.handleStopScroll.bind(this),b(t,bt,this._stopScrollListener))}},{key:"unbindContainerStop",value:function(){var t=this.container;t&&this._stopScrollListener&&(w(t,bt,this._stopScrollListener),this._stopScrollListener=null)}},{key:"hook",value:function(t){if(l(t)){for(var n=arguments.length,e=Array(n>1?n-1:0),i=1;n>i;i++)e[i-1]=arguments[i];return t.apply(this,e)}}},{key:"handleStopScroll",value:function(t){this.options.stopScroll?this.stop():t.preventDefault()}},{key:"handleContainerClick",value:function(t){for(var n=this.options,e=t.target;e&&e!==mt;e=e.parentNode)if(p(e,n.trigger)){var i=e.getAttribute("data-scroll"),o=this.parseDataOptions(e),r=i||e.getAttribute("href");n=c({},n,o),t.preventDefault(),t.stopPropagation(),this._trigger=e,n.horizontalScroll&&n.verticalScroll?this.to(r,n):n.verticalScroll?this.toTop(r,n):n.horizontalScroll&&this.toLeft(r,n)}}},{key:"parseDataOptions",value:function(t){var n=t.getAttribute("data-scroll-options");return n?JSON.parse(n):{}}}]),t}();return Lt.defaults={trigger:"[data-scroll]",header:"[data-scroll-header]",duration:1e3,delay:0,easing:"easeOutQuint",offset:0,verticalScroll:!0,horizontalScroll:!1,stopScroll:!0,updateURL:!1,initialized:null,beforeScroll:null,afterScroll:null,cancelScroll:null},Lt}); | ||
!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):t.SweetScroll=n()}(this,function(){"use strict";function t(t){return null==t?t+"":"object"===("undefined"==typeof t?"undefined":nt["typeof"](t))||"function"==typeof t?ot[Object.prototype.toString.call(t)]||"object":"undefined"==typeof t?"undefined":nt["typeof"](t)}function n(t){return Array.isArray(t)}function e(t){var n=null==t?null:t.length;return o(n)&&n>=0&&et>=n}function i(e){return!n(e)&&"object"===t(e)}function o(n){return"number"===t(n)}function r(n){return"string"===t(n)}function l(n){return"function"===t(n)}function u(t){return!n(t)&&t-parseFloat(t)+1>=0}function a(t,n){return t&&t.hasOwnProperty(n)}function c(t){for(var n=arguments.length,e=Array(n>1?n-1:0),i=1;n>i;i++)e[i-1]=arguments[i];return s(e,function(n){s(n,function(n,e){t[e]=n})}),t}function s(t,n,o){if(null==t)return t;if(o=o||t,i(t)){for(var r in t)if(a(t,r)&&n.call(o,t[r],r)===!1)break}else if(e(t)){var l=void 0,u=t.length;for(l=0;u>l&&n.call(o,t[l],l)!==!1;l++);}return t}function f(t){return t.replace(/\s*/g,"")||""}function h(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(t)return(null==n?document:n).querySelector(t)}function d(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(t)return(null==n?document:n).querySelectorAll(t)}function p(t,n){for(var e=(t.document||t.ownerDocument).querySelectorAll(n),i=e.length;--i>=0&&e.item(i)!==t;);return i>-1}function v(t){var n=document;return t===n.documentElement||t===n.body}function g(t){for(var n=arguments.length<=1||void 0===arguments[1]?"y":arguments[1],e=arguments.length<=2||void 0===arguments[2]?!0:arguments[2],i=rt[n],o=t instanceof Element?[t]:d(t),r=[],l=document.createElement("div"),u=0;u<o.length;u++){var a=o[u];if(a[i]>0?r.push(a):(l.style.width=a.clientWidth+1+"px",l.style.height=a.clientHeight+1+"px",a.appendChild(l),a[i]=1,a[i]>0&&r.push(a),a[i]=0,a.removeChild(l)),!e&&r.length>0)break}return r}function y(t,n){var e=g(t,n,!1);return e.length>=1?e[0]:void 0}function S(t){return null!=t&&t===t.window?t:9===t.nodeType&&t.defaultView}function C(t){var n=arguments.length<=1||void 0===arguments[1]?"y":arguments[1],e=rt[n],i=lt[n],o=S(t);return o?o[i]:t[e]}function m(t,n){var e=arguments.length<=2||void 0===arguments[2]?"y":arguments[2],i=rt[e],o=S(t),r="y"===e;o?o.scrollTo(r?o.pageXOffset:n,r?n:o.pageYOffset):t[i]=n}function k(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(!t||t&&!t.getClientRects().length)return{top:0,left:0};var e=t.getBoundingClientRect();if(e.width||e.height){var i={},o=void 0;if(null==n||v(n))o=t.ownerDocument.documentElement,i.top=window.pageYOffset,i.left=window.pageXOffset;else{o=n;var r=o.getBoundingClientRect();i.top=-1*r.top+o.scrollTop,i.left=-1*r.left+o.scrollLeft}return{top:e.top+i.top-o.clientTop,left:e.left+i.left-o.clientLeft}}return e}function b(t,n,e){var i=n.split(",");i.forEach(function(n){t.addEventListener(n.trim(),e,!1)})}function w(t,n,e){var i=n.split(",");i.forEach(function(n){t.removeEventListener(n.trim(),e,!1)})}function O(t){return t}function x(t,n,e,i,o){return i*(n/=o)*n+e}function I(t,n,e,i,o){return-i*(n/=o)*(n-2)+e}function L(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n+e:-i/2*(--n*(n-2)-1)+e}function _(t,n,e,i,o){return i*(n/=o)*n*n+e}function E(t,n,e,i,o){return i*((n=n/o-1)*n*n+1)+e}function A(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n+e:i/2*((n-=2)*n*n+2)+e}function M(t,n,e,i,o){return i*(n/=o)*n*n*n+e}function T(t,n,e,i,o){return-i*((n=n/o-1)*n*n*n-1)+e}function z(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n*n+e:-i/2*((n-=2)*n*n*n-2)+e}function Q(t,n,e,i,o){return i*(n/=o)*n*n*n*n+e}function j(t,n,e,i,o){return i*((n=n/o-1)*n*n*n*n+1)+e}function B(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n*n*n+e:i/2*((n-=2)*n*n*n*n+2)+e}function D(t,n,e,i,o){return-i*at(n/o*(pt/2))+i+e}function R(t,n,e,i,o){return i*ct(n/o*(pt/2))+e}function H(t,n,e,i,o){return-i/2*(at(pt*n/o)-1)+e}function q(t,n,e,i,o){return 0===n?e:i*st(2,10*(n/o-1))+e}function P(t,n,e,i,o){return n===o?e+i:i*(-st(2,-10*n/o)+1)+e}function W(t,n,e,i,o){return 0===n?e:n===o?e+i:(n/=o/2)<1?i/2*st(2,10*(n-1))+e:i/2*(-st(2,-10*--n)+2)+e}function F(t,n,e,i,o){return-i*(ht(1-(n/=o)*n)-1)+e}function U(t,n,e,i,o){return i*ht(1-(n=n/o-1)*n)+e}function $(t,n,e,i,o){return(n/=o/2)<1?-i/2*(ht(1-n*n)-1)+e:i/2*(ht(1-(n-=2)*n)+1)+e}function N(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:1===(n/=o)?e+i:(l||(l=.3*o),u<ft(i)?(u=i,r=l/4):r=l/(2*pt)*dt(i/u),-(u*st(2,10*(n-=1))*ct((n*o-r)*(2*pt)/l))+e)}function X(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:1===(n/=o)?e+i:(l||(l=.3*o),u<ft(i)?(u=i,r=l/4):r=l/(2*pt)*dt(i/u),u*st(2,-10*n)*ct((n*o-r)*(2*pt)/l)+i+e)}function Y(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:2===(n/=o/2)?e+i:(l||(l=o*(.3*1.5)),u<ft(i)?(u=i,r=l/4):r=l/(2*pt)*dt(i/u),1>n?-.5*(u*st(2,10*(n-=1))*ct((n*o-r)*(2*pt)/l))+e:u*st(2,-10*(n-=1))*ct((n*o-r)*(2*pt)/l)*.5+i+e)}function J(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return i*(n/=o)*n*((r+1)*n-r)+e}function V(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return i*((n=n/o-1)*n*((r+1)*n+r)+1)+e}function G(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return(n/=o/2)<1?i/2*(n*n*(((r*=1.525)+1)*n-r))+e:i/2*((n-=2)*n*(((r*=1.525)+1)*n+r)+2)+e}function K(t,n,e,i,o){return i-Z(t,o-n,0,i,o)+e}function Z(t,n,e,i,o){return(n/=o)<1/2.75?i*(7.5625*n*n)+e:2/2.75>n?i*(7.5625*(n-=1.5/2.75)*n+.75)+e:2.5/2.75>n?i*(7.5625*(n-=2.25/2.75)*n+.9375)+e:i*(7.5625*(n-=2.625/2.75)*n+.984375)+e}function tt(t,n,e,i,o){return o/2>n?.5*K(t,2*n,0,i,o)+e:.5*Z(t,2*n-o,0,i,o)+.5*i+e}var nt={};nt["typeof"]="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol?"symbol":typeof t},nt.classCallCheck=function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")},nt.createClass=function(){function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}}();var et=Math.pow(2,53)-1,it=["Boolean","Number","String","Function","Array","Object"],ot={};it.forEach(function(t){ot["[object "+t+"]"]=t.toLowerCase()});var rt={y:"scrollTop",x:"scrollLeft"},lt={y:"pageYOffset",x:"pageXOffset"},ut=Math,at=ut.cos,ct=ut.sin,st=ut.pow,ft=ut.abs,ht=ut.sqrt,dt=ut.asin,pt=ut.PI,vt=Object.freeze({linear:O,InQuad:x,OutQuad:I,InOutQuad:L,InCubic:_,OutCubic:E,InOutCubic:A,InQuart:M,OutQuart:T,InOutQuart:z,InQuint:Q,OutQuint:j,InOutQuint:B,InSine:D,OutSine:R,InOutSine:H,InExpo:q,OutExpo:P,InOutExpo:W,InCirc:F,OutCirc:U,InOutCirc:$,InElastic:N,OutElastic:X,InOutElastic:Y,InBack:J,OutBack:V,InOutBack:G,InBounce:K,OutBounce:Z,InOutBounce:tt}),gt=0,yt=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(t){var n=Date.now(),e=Math.max(0,16-(n-gt)),i=window.setTimeout(function(){t(n+e)},e);return gt=n+e,i},St=function(){function t(n){nt.classCallCheck(this,t),this.el=n,this.props={},this.progress=!1,this.startTime=null}return nt.createClass(t,[{key:"run",value:function(t,n,e,i,o){var r=this,l=arguments.length<=5||void 0===arguments[5]?function(){}:arguments[5];this.progress||(this.props={x:t,y:n},this.duration=e,this.delay=i,this.easing=o.replace("ease",""),this.callback=l,this.progress=!0,setTimeout(function(){r.startProps={x:C(r.el,"x"),y:C(r.el,"y")},yt(function(t){return r._loop(t)})},i))}},{key:"stop",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!0:arguments[0];this.startTime=null,this.progress=!1,t&&(m(this.el,this.props.x,"x"),m(this.el,this.props.y,"y")),l(this.callback)&&(this.callback(),this.callback=null)}},{key:"_loop",value:function(t){var n=this;if(this.startTime||(this.startTime=t),!this.progress)return void this.stop(!1);var e=this.el,i=this.props,o=this.duration,r=this.startTime,l=this.startProps,u={},a=vt[this.easing],c=t-r,f=Math.min(1,Math.max(c/o,0));s(i,function(t,n){var e=l[n],i=t-e;if(0===i)return!0;var r=a(f,o*f,0,1,o);u[n]=Math.round(e+i*r)}),s(u,function(t,n){m(e,t,n)}),o>=c?yt(function(t){return n._loop(t)}):this.stop(!0)}}]),t}(),Ct=window,mt=document,kt="onwheel"in mt?"wheel":"onmousewheel"in mt?"mousewheel":"DOMMouseScroll",bt=kt+", touchstart, touchmove",wt="DOMContentLoaded",Ot=!1;b(mt,wt,function(){Ot=!0});var xt=function(){var t=navigator.userAgent;return-1===t.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone")?window.history&&"pushState"in window.history&&"file:"!==window.location.protocol:!1}(),It=function(){function t(){var n=this,e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],i=arguments.length<=1||void 0===arguments[1]?"body, html":arguments[1];nt.classCallCheck(this,t);var o=c({},t.defaults,e);this.options=o,this.getContainer(i,function(t){n.container=t,n.header=h(o.header),n.tween=new St(t),n._trigger=null,n._shouldCallCancelScroll=!1,n.bindContainerClick(),n.initialized(),n.hook(o.initialized)})}return nt.createClass(t,[{key:"to",value:function(t){var n=this,e=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=this.container,o=this.header,l=c({},this.options,e),u=this.parseCoodinate(l.offset),a=this._trigger,s=this.parseCoodinate(t),f=null;if(this._trigger=null,this._shouldCallCancelScroll=!1,this.stop(),i){if(!s&&r(t))if(f=/^#/.test(t)?t:null,"#"===t)s={top:0,left:0};else{var d=h(t),p=k(d,i);if(!p)return;s=p}if(s){u&&(s.top+=u.top,s.left+=u.left),o&&(s.top=Math.max(0,s.top-this.header.clientHeight));var g=void 0,y=void 0;v(i)?(g={width:Ct.innerWidth,height:Ct.innerHeight},y={width:mt.body.scrollWidth,height:mt.body.scrollHeight}):(g={width:i.clientWidth,height:i.clientHeight},y={width:i.scrollWidth,height:i.scrollHeight}),this.hook(l.beforeScroll,s,a)!==!1&&this.beforeScroll(s,a)!==!1&&(l.verticalScroll?s.top=Math.max(0,Math.min(y.height-g.height,s.top)):s.top=C(i,"y"),l.horizontalScroll?s.left=Math.max(0,Math.min(y.width-g.width,s.left)):s.left=C(i,"x"),this.tween.run(s.left,s.top,l.duration,l.delay,l.easing,function(){null!=f&&f!==window.location.hash&&l.updateURL&&n.updateURLHash(f),n.unbindContainerStop(),n._shouldCallCancelScroll?(n.hook(l.cancelScroll),n.cancelScroll()):(n.hook(l.afterScroll,s,a),n.afterScroll(s,a)),n.hook(l.completeScroll,n._shouldCallCancelScroll),n.completeScroll(n._shouldCallCancelScroll)}),this.bindContainerStop())}}}},{key:"toTop",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];this.to(t,c({},n,{verticalScroll:!0,horizontalScroll:!1}))}},{key:"toLeft",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];this.to(t,c({},n,{verticalScroll:!1,horizontalScroll:!0}))}},{key:"toElement",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];if(t instanceof Element){var e=k(t,this.container);this.to(e,c({},n))}}},{key:"stop",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0];this._stopScrollListener&&(this._shouldCallCancelScroll=!0),this.tween.stop(t)}},{key:"update",value:function(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.stop(),this.unbindContainerClick(),this.unbindContainerStop(),this.options=c({},this.options,t),this.header=h(this.options.header),this.bindContainerClick()}},{key:"destroy",value:function(){this.stop(),this.unbindContainerClick(),this.unbindContainerStop(),this.container=null,this.header=null,this.tween=null}},{key:"initialized",value:function(){}},{key:"beforeScroll",value:function(t,n){return!0}},{key:"cancelScroll",value:function(){}},{key:"afterScroll",value:function(t,n){}},{key:"completeScroll",value:function(t){}},{key:"parseCoodinate",value:function(t){var e=this.options.verticalScroll,i={top:0,left:0};if(a(t,"top")||a(t,"left"))i=c(i,t);else if(n(t))2===t.length?(i.top=t[0],i.left=t[1]):(i.top=e?t[0]:0,i.left=e?0:t[0]);else if(u(t))i.top=e?t:0,i.left=e?0:t;else{if(!r(t))return null;if(t=f(t),/^\d+,\d+$/.test(t))t=t.split(","),i.top=t[0],i.left=t[1];else if(/^(top|left):\d+,?(?:(top|left):\d+)?$/.test(t)){var o=t.match(/top:(\d+)/),l=t.match(/left:(\d+)/);i.top=o?o[1]:0,i.left=l?l[1]:0}else{if(!this.container||!/^(\+|-)=(\d+)$/.test(t))return null;var s=C(this.container,e?"y":"x"),h=t.match(/^(\+|-)\=(\d+)$/),d=h[1],p=parseInt(h[2],10);"+"===d?(i.top=e?s+p:0,i.left=e?0:s+p):(i.top=e?s-p:0,i.left=e?0:s-p)}}return i.top=parseInt(i.top,10),i.left=parseInt(i.left,10),i}},{key:"updateURLHash",value:function(t){xt&&window.history.pushState(null,null,t)}},{key:"getContainer",value:function(t,n){var e=this,i=this.options,o=i.verticalScroll,r=i.horizontalScroll,l=void 0;o&&(l=y(t,"y")),!l&&r&&(l=y(t,"x")),l||Ot?n.call(this,l):b(mt,wt,function(){e.getContainer(t,n)})}},{key:"bindContainerClick",value:function(){var t=this.container;t&&(this._containerClickListener=this.handleContainerClick.bind(this),b(t,"click",this._containerClickListener))}},{key:"unbindContainerClick",value:function(){var t=this.container;t&&this._containerClickListener&&(w(t,"click",this._containerClickListener),this._containerClickListener=null)}},{key:"bindContainerStop",value:function(){var t=this.container;t&&(this._stopScrollListener=this.handleStopScroll.bind(this),b(t,bt,this._stopScrollListener))}},{key:"unbindContainerStop",value:function(){var t=this.container;t&&this._stopScrollListener&&(w(t,bt,this._stopScrollListener),this._stopScrollListener=null)}},{key:"hook",value:function(t){if(l(t)){for(var n=arguments.length,e=Array(n>1?n-1:0),i=1;n>i;i++)e[i-1]=arguments[i];return t.apply(this,e)}}},{key:"handleStopScroll",value:function(t){this.options.stopScroll?this.stop():t.preventDefault()}},{key:"handleContainerClick",value:function(t){for(var n=this.options,e=t.target;e&&e!==mt;e=e.parentNode)if(p(e,n.trigger)){var i=e.getAttribute("data-scroll"),o=this.parseDataOptions(e),r=i||e.getAttribute("href");n=c({},n,o),t.preventDefault(),t.stopPropagation(),this._trigger=e,n.horizontalScroll&&n.verticalScroll?this.to(r,n):n.verticalScroll?this.toTop(r,n):n.horizontalScroll&&this.toLeft(r,n)}}},{key:"parseDataOptions",value:function(t){var n=t.getAttribute("data-scroll-options");return n?JSON.parse(n):{}}}]),t}();return It.defaults={trigger:"[data-scroll]",header:"[data-scroll-header]",duration:1e3,delay:0,easing:"easeOutQuint",offset:0,verticalScroll:!0,horizontalScroll:!1,stopScroll:!0,updateURL:!1,initialized:null,beforeScroll:null,afterScroll:null,cancelScroll:null,completeScroll:null},It}); |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
64359
1062
526