Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

sweet-scroll

Package Overview
Dependencies
Maintainers
1
Versions
37
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

sweet-scroll - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

2

package.json
{
"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});
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc