stickybits
Advanced tools
Comparing version 3.5.6 to 3.5.7
@@ -0,1 +1,6 @@ | ||
## [3.5.6](https://github.com/dollarshaveclub/stickybits/compare/3.5.5...3.5.6) (2018-10-04) | ||
## [3.5.5](https://github.com/dollarshaveclub/stickybits/compare/3.5.4...3.5.5) (2018-09-13) | ||
@@ -2,0 +7,0 @@ |
/** | ||
stickybits - Stickybits is a lightweight alternative to `position: sticky` polyfills | ||
@version v3.5.6 | ||
@version v3.5.7 | ||
@link https://github.com/dollarshaveclub/stickybits#readme | ||
@@ -74,3 +74,3 @@ @author Jeff Wainwright <yowainwright@gmail.com> (https://jeffry.in) | ||
var o = typeof obj !== 'undefined' ? obj : {}; | ||
this.version = '3.5.6'; | ||
this.version = '3.5.7'; | ||
this.userAgent = window.navigator.userAgent || 'no `userAgent` provided by the browser'; | ||
@@ -90,28 +90,31 @@ this.props = { | ||
verticalPosition: o.verticalPosition || 'top' | ||
/* | ||
define positionVal | ||
---- | ||
- uses a computed (`.definePosition()`) | ||
- defined the position | ||
*/ | ||
}; | ||
var p = this.props; | ||
/* | ||
define positionVal | ||
---- | ||
- uses a computed (`.definePosition()`) | ||
- defined the position | ||
*/ | ||
p.positionVal = this.definePosition() || 'fixed'; | ||
var vp = p.verticalPosition; | ||
var ns = p.noStyles; | ||
var pv = p.positionVal; | ||
this.props.positionVal = this.definePosition() || 'fixed'; | ||
this.instances = []; | ||
var _this$props = this.props, | ||
positionVal = _this$props.positionVal, | ||
verticalPosition = _this$props.verticalPosition, | ||
noStyles = _this$props.noStyles, | ||
stickyBitStickyOffset = _this$props.stickyBitStickyOffset, | ||
useStickyClasses = _this$props.useStickyClasses; | ||
var verticalPositionStyle = verticalPosition === 'top' && !noStyles ? stickyBitStickyOffset + "px" : ''; | ||
var positionStyle = positionVal !== 'fixed' ? positionVal : ''; | ||
this.els = typeof target === 'string' ? document.querySelectorAll(target) : target; | ||
if (!('length' in this.els)) this.els = [this.els]; | ||
this.instances = []; | ||
for (var i = 0; i < this.els.length; i += 1) { | ||
var el = this.els[i]; | ||
var styles = el.style; // set vertical position | ||
for (var i = 0; i < this.els.length; i++) { | ||
var el = this.els[i]; // set vertical position | ||
styles[vp] = vp === 'top' && !ns ? p.stickyBitStickyOffset + "px" : ''; | ||
styles.position = pv !== 'fixed' ? pv : ''; | ||
el.style[verticalPosition] = verticalPositionStyle; | ||
el.style.position = positionStyle; | ||
if (pv === 'fixed' || p.useStickyClasses) { | ||
var instance = this.addInstance(el, p); // instances are an array of objects | ||
if (positionVal === 'fixed' || useStickyClasses) { | ||
var instance = this.addInstance(el, this.props); // instances are an array of objects | ||
@@ -121,4 +124,2 @@ this.instances.push(instance); | ||
} | ||
return this; | ||
} | ||
@@ -125,0 +126,0 @@ /* |
/** | ||
stickybits - Stickybits is a lightweight alternative to `position: sticky` polyfills | ||
@version v3.5.6 | ||
@version v3.5.7 | ||
@link https://github.com/dollarshaveclub/stickybits#readme | ||
@@ -8,2 +8,2 @@ @author Jeff Wainwright <yowainwright@gmail.com> (https://jeffry.in) | ||
**/ | ||
!function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s():"function"==typeof define&&define.amd?define(s):s()}(0,function(){"use strict";var s=function(){function t(t,s){var e=void 0!==s?s:{};this.version="3.5.6",this.userAgent=window.navigator.userAgent||"no `userAgent` provided by the browser",this.props={customStickyChangeNumber:e.customStickyChangeNumber||null,noStyles:e.noStyles||!1,stickyBitStickyOffset:e.stickyBitStickyOffset||0,parentClass:e.parentClass||"js-stickybit-parent",scrollEl:"string"==typeof e.scrollEl?document.querySelector(e.scrollEl):e.scrollEl||window,stickyClass:e.stickyClass||"js-is-sticky",stuckClass:e.stuckClass||"js-is-stuck",stickyChangeClass:e.stickyChangeClass||"js-is-sticky--change",useStickyClasses:e.useStickyClasses||!1,useFixed:e.useFixed||!1,useGetBoundingClientRect:e.useGetBoundingClientRect||!1,verticalPosition:e.verticalPosition||"top"};var i=this.props;i.positionVal=this.definePosition()||"fixed";var n=i.verticalPosition,o=i.noStyles,r=i.positionVal;this.els="string"==typeof t?document.querySelectorAll(t):t,"length"in this.els||(this.els=[this.els]),this.instances=[];for(var a=0;a<this.els.length;a+=1){var l=this.els[a],c=l.style;if(c[n]="top"!==n||o?"":i.stickyBitStickyOffset+"px",c.position="fixed"!==r?r:"","fixed"===r||i.useStickyClasses){var f=this.addInstance(l,i);this.instances.push(f)}}return this}var s=t.prototype;return s.definePosition=function(){var t;if(this.props.useFixed)t="fixed";else{for(var s=["","-o-","-webkit-","-moz-","-ms-"],e=document.head.style,i=0;i<s.length;i+=1)e.position=s[i]+"sticky";t=e.position?e.position:"fixed",e.position=""}return t},s.addInstance=function(t,s){var e=this,i={el:t,parent:t.parentNode,props:s};this.isWin=this.props.scrollEl===window;var n=this.isWin?window:this.getClosestParent(i.el,i.props.scrollEl);return this.computeScrollOffsets(i),i.parent.className+=" "+s.parentClass,i.state="default",i.stateContainer=function(){return e.manageState(i)},n.addEventListener("scroll",i.stateContainer),i},s.getClosestParent=function(t,s){var e=s,i=t;if(i.parentElement===e)return e;for(;i.parentElement!==e;)i=i.parentElement;return e},s.getTopPosition=function(t){if(this.props.useGetBoundingClientRect)return t.getBoundingClientRect().top+(this.props.scrollEl.pageYOffset||document.documentElement.scrollTop);for(var s=0;s=t.offsetTop+s,t=t.offsetParent;);return s},s.computeScrollOffsets=function(t){var s=t,e=s.props,i=s.el,n=s.parent,o=!this.isWin&&"fixed"===e.positionVal,r="bottom"!==e.verticalPosition,a=o?this.getTopPosition(e.scrollEl):0,l=o?this.getTopPosition(n)-a:this.getTopPosition(n),c=null!==e.customStickyChangeNumber?e.customStickyChangeNumber:i.offsetHeight,f=l+n.offsetHeight;return s.offset=a+e.stickyBitStickyOffset,s.stickyStart=r?l-s.offset:0,s.stickyChange=s.stickyStart+c,s.stickyStop=r?f-(i.offsetHeight+s.offset):f-window.innerHeight,s},s.toggleClasses=function(t,s,e){var i=t,n=i.className.split(" ");e&&-1===n.indexOf(e)&&n.push(e);var o=n.indexOf(s);-1!==o&&n.splice(o,1),i.className=n.join(" ")},s.manageState=function(t){var s=t,e=s.el,i=s.props,n=s.state,o=s.stickyStart,r=s.stickyChange,a=s.stickyStop,l=e.style,c=i.noStyles,f=i.positionVal,u=i.scrollEl,p=i.stickyClass,h=i.stickyChangeClass,d=i.stuckClass,y=i.verticalPosition,k="bottom"!==y,g=function(t){t()},m=this.isWin&&(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame)||g,v=this.toggleClasses,C=this.isWin?window.scrollY||window.pageYOffset:u.scrollTop,w=k&&C<=o&&"sticky"===n,S=a<=C&&"sticky"===n;o<C&&C<a&&("default"===n||"stuck"===n)?(s.state="sticky",m(function(){v(e,d,p),l.position=f,c||(l.bottom="",l[y]=i.stickyBitStickyOffset+"px")})):w?(s.state="default",m(function(){v(e,p),"fixed"===f&&(l.position="")})):S&&(s.state="stuck",m(function(){v(e,p,d),"fixed"!==f||c||(l.top="",l.bottom="0",l.position="absolute")}));var b=r<=C&&C<=a;return C<r||a<C?m(function(){v(e,h)}):b&&m(function(){v(e,"stub",h)}),s},s.update=function(){for(var t=0;t<this.instances.length;t+=1){var s=this.instances[t];this.computeScrollOffsets(s)}return this},s.removeInstance=function(t){var s=t.el,e=t.props,i=this.toggleClasses;s.style.position="",s.style[e.verticalPosition]="",i(s,e.stickyClass),i(s,e.stuckClass),i(s.parentNode,e.parentClass)},s.cleanup=function(){for(var t=0;t<this.instances.length;t+=1){var s=this.instances[t];s.props.scrollEl.removeEventListener("scroll",s.stateContainer),this.removeInstance(s)}this.manageState=!1,this.instances=[]},t}();if("undefined"!=typeof window){var t=window.$||window.jQuery||window.Zepto;t&&(t.fn.stickybits=function(t){return new s(this,t)})}}); | ||
!function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s():"function"==typeof define&&define.amd?define(s):s()}(0,function(){"use strict";var s=function(){function t(t,s){var e=void 0!==s?s:{};this.version="3.5.7",this.userAgent=window.navigator.userAgent||"no `userAgent` provided by the browser",this.props={customStickyChangeNumber:e.customStickyChangeNumber||null,noStyles:e.noStyles||!1,stickyBitStickyOffset:e.stickyBitStickyOffset||0,parentClass:e.parentClass||"js-stickybit-parent",scrollEl:"string"==typeof e.scrollEl?document.querySelector(e.scrollEl):e.scrollEl||window,stickyClass:e.stickyClass||"js-is-sticky",stuckClass:e.stuckClass||"js-is-stuck",stickyChangeClass:e.stickyChangeClass||"js-is-sticky--change",useStickyClasses:e.useStickyClasses||!1,useFixed:e.useFixed||!1,useGetBoundingClientRect:e.useGetBoundingClientRect||!1,verticalPosition:e.verticalPosition||"top"},this.props.positionVal=this.definePosition()||"fixed",this.instances=[];var i=this.props,n=i.positionVal,o=i.verticalPosition,r=i.noStyles,a=i.stickyBitStickyOffset,l=i.useStickyClasses,c="top"!==o||r?"":a+"px",f="fixed"!==n?n:"";this.els="string"==typeof t?document.querySelectorAll(t):t,"length"in this.els||(this.els=[this.els]);for(var u=0;u<this.els.length;u++){var p=this.els[u];if(p.style[o]=c,p.style.position=f,"fixed"===n||l){var h=this.addInstance(p,this.props);this.instances.push(h)}}}var s=t.prototype;return s.definePosition=function(){var t;if(this.props.useFixed)t="fixed";else{for(var s=["","-o-","-webkit-","-moz-","-ms-"],e=document.head.style,i=0;i<s.length;i+=1)e.position=s[i]+"sticky";t=e.position?e.position:"fixed",e.position=""}return t},s.addInstance=function(t,s){var e=this,i={el:t,parent:t.parentNode,props:s};this.isWin=this.props.scrollEl===window;var n=this.isWin?window:this.getClosestParent(i.el,i.props.scrollEl);return this.computeScrollOffsets(i),i.parent.className+=" "+s.parentClass,i.state="default",i.stateContainer=function(){return e.manageState(i)},n.addEventListener("scroll",i.stateContainer),i},s.getClosestParent=function(t,s){var e=s,i=t;if(i.parentElement===e)return e;for(;i.parentElement!==e;)i=i.parentElement;return e},s.getTopPosition=function(t){if(this.props.useGetBoundingClientRect)return t.getBoundingClientRect().top+(this.props.scrollEl.pageYOffset||document.documentElement.scrollTop);for(var s=0;s=t.offsetTop+s,t=t.offsetParent;);return s},s.computeScrollOffsets=function(t){var s=t,e=s.props,i=s.el,n=s.parent,o=!this.isWin&&"fixed"===e.positionVal,r="bottom"!==e.verticalPosition,a=o?this.getTopPosition(e.scrollEl):0,l=o?this.getTopPosition(n)-a:this.getTopPosition(n),c=null!==e.customStickyChangeNumber?e.customStickyChangeNumber:i.offsetHeight,f=l+n.offsetHeight;return s.offset=a+e.stickyBitStickyOffset,s.stickyStart=r?l-s.offset:0,s.stickyChange=s.stickyStart+c,s.stickyStop=r?f-(i.offsetHeight+s.offset):f-window.innerHeight,s},s.toggleClasses=function(t,s,e){var i=t,n=i.className.split(" ");e&&-1===n.indexOf(e)&&n.push(e);var o=n.indexOf(s);-1!==o&&n.splice(o,1),i.className=n.join(" ")},s.manageState=function(t){var s=t,e=s.el,i=s.props,n=s.state,o=s.stickyStart,r=s.stickyChange,a=s.stickyStop,l=e.style,c=i.noStyles,f=i.positionVal,u=i.scrollEl,p=i.stickyClass,h=i.stickyChangeClass,d=i.stuckClass,y=i.verticalPosition,k="bottom"!==y,g=function(t){t()},m=this.isWin&&(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame)||g,v=this.toggleClasses,C=this.isWin?window.scrollY||window.pageYOffset:u.scrollTop,w=k&&C<=o&&"sticky"===n,S=a<=C&&"sticky"===n;o<C&&C<a&&("default"===n||"stuck"===n)?(s.state="sticky",m(function(){v(e,d,p),l.position=f,c||(l.bottom="",l[y]=i.stickyBitStickyOffset+"px")})):w?(s.state="default",m(function(){v(e,p),"fixed"===f&&(l.position="")})):S&&(s.state="stuck",m(function(){v(e,p,d),"fixed"!==f||c||(l.top="",l.bottom="0",l.position="absolute")}));var b=r<=C&&C<=a;return C<r||a<C?m(function(){v(e,h)}):b&&m(function(){v(e,"stub",h)}),s},s.update=function(){for(var t=0;t<this.instances.length;t+=1){var s=this.instances[t];this.computeScrollOffsets(s)}return this},s.removeInstance=function(t){var s=t.el,e=t.props,i=this.toggleClasses;s.style.position="",s.style[e.verticalPosition]="",i(s,e.stickyClass),i(s,e.stuckClass),i(s.parentNode,e.parentClass)},s.cleanup=function(){for(var t=0;t<this.instances.length;t+=1){var s=this.instances[t];s.props.scrollEl.removeEventListener("scroll",s.stateContainer),this.removeInstance(s)}this.manageState=!1,this.instances=[]},t}();if("undefined"!=typeof window){var t=window.$||window.jQuery||window.Zepto;t&&(t.fn.stickybits=function(t){return new s(this,t)})}}); |
/** | ||
stickybits - Stickybits is a lightweight alternative to `position: sticky` polyfills | ||
@version v3.5.6 | ||
@version v3.5.7 | ||
@link https://github.com/dollarshaveclub/stickybits#readme | ||
@@ -68,3 +68,3 @@ @author Jeff Wainwright <yowainwright@gmail.com> (https://jeffry.in) | ||
var o = typeof obj !== 'undefined' ? obj : {}; | ||
this.version = '3.5.6'; | ||
this.version = '3.5.7'; | ||
this.userAgent = window.navigator.userAgent || 'no `userAgent` provided by the browser'; | ||
@@ -84,28 +84,31 @@ this.props = { | ||
verticalPosition: o.verticalPosition || 'top' | ||
/* | ||
define positionVal | ||
---- | ||
- uses a computed (`.definePosition()`) | ||
- defined the position | ||
*/ | ||
}; | ||
var p = this.props; | ||
/* | ||
define positionVal | ||
---- | ||
- uses a computed (`.definePosition()`) | ||
- defined the position | ||
*/ | ||
p.positionVal = this.definePosition() || 'fixed'; | ||
var vp = p.verticalPosition; | ||
var ns = p.noStyles; | ||
var pv = p.positionVal; | ||
this.props.positionVal = this.definePosition() || 'fixed'; | ||
this.instances = []; | ||
var _this$props = this.props, | ||
positionVal = _this$props.positionVal, | ||
verticalPosition = _this$props.verticalPosition, | ||
noStyles = _this$props.noStyles, | ||
stickyBitStickyOffset = _this$props.stickyBitStickyOffset, | ||
useStickyClasses = _this$props.useStickyClasses; | ||
var verticalPositionStyle = verticalPosition === 'top' && !noStyles ? stickyBitStickyOffset + "px" : ''; | ||
var positionStyle = positionVal !== 'fixed' ? positionVal : ''; | ||
this.els = typeof target === 'string' ? document.querySelectorAll(target) : target; | ||
if (!('length' in this.els)) this.els = [this.els]; | ||
this.instances = []; | ||
for (var i = 0; i < this.els.length; i += 1) { | ||
var el = this.els[i]; | ||
var styles = el.style; // set vertical position | ||
for (var i = 0; i < this.els.length; i++) { | ||
var el = this.els[i]; // set vertical position | ||
styles[vp] = vp === 'top' && !ns ? p.stickyBitStickyOffset + "px" : ''; | ||
styles.position = pv !== 'fixed' ? pv : ''; | ||
el.style[verticalPosition] = verticalPositionStyle; | ||
el.style.position = positionStyle; | ||
if (pv === 'fixed' || p.useStickyClasses) { | ||
var instance = this.addInstance(el, p); // instances are an array of objects | ||
if (positionVal === 'fixed' || useStickyClasses) { | ||
var instance = this.addInstance(el, this.props); // instances are an array of objects | ||
@@ -115,4 +118,2 @@ this.instances.push(instance); | ||
} | ||
return this; | ||
} | ||
@@ -119,0 +120,0 @@ /* |
/** | ||
stickybits - Stickybits is a lightweight alternative to `position: sticky` polyfills | ||
@version v3.5.6 | ||
@version v3.5.7 | ||
@link https://github.com/dollarshaveclub/stickybits#readme | ||
@@ -74,3 +74,3 @@ @author Jeff Wainwright <yowainwright@gmail.com> (https://jeffry.in) | ||
var o = typeof obj !== 'undefined' ? obj : {}; | ||
this.version = '3.5.6'; | ||
this.version = '3.5.7'; | ||
this.userAgent = window.navigator.userAgent || 'no `userAgent` provided by the browser'; | ||
@@ -90,28 +90,31 @@ this.props = { | ||
verticalPosition: o.verticalPosition || 'top' | ||
/* | ||
define positionVal | ||
---- | ||
- uses a computed (`.definePosition()`) | ||
- defined the position | ||
*/ | ||
}; | ||
var p = this.props; | ||
/* | ||
define positionVal | ||
---- | ||
- uses a computed (`.definePosition()`) | ||
- defined the position | ||
*/ | ||
p.positionVal = this.definePosition() || 'fixed'; | ||
var vp = p.verticalPosition; | ||
var ns = p.noStyles; | ||
var pv = p.positionVal; | ||
this.props.positionVal = this.definePosition() || 'fixed'; | ||
this.instances = []; | ||
var _this$props = this.props, | ||
positionVal = _this$props.positionVal, | ||
verticalPosition = _this$props.verticalPosition, | ||
noStyles = _this$props.noStyles, | ||
stickyBitStickyOffset = _this$props.stickyBitStickyOffset, | ||
useStickyClasses = _this$props.useStickyClasses; | ||
var verticalPositionStyle = verticalPosition === 'top' && !noStyles ? stickyBitStickyOffset + "px" : ''; | ||
var positionStyle = positionVal !== 'fixed' ? positionVal : ''; | ||
this.els = typeof target === 'string' ? document.querySelectorAll(target) : target; | ||
if (!('length' in this.els)) this.els = [this.els]; | ||
this.instances = []; | ||
for (var i = 0; i < this.els.length; i += 1) { | ||
var el = this.els[i]; | ||
var styles = el.style; // set vertical position | ||
for (var i = 0; i < this.els.length; i++) { | ||
var el = this.els[i]; // set vertical position | ||
styles[vp] = vp === 'top' && !ns ? p.stickyBitStickyOffset + "px" : ''; | ||
styles.position = pv !== 'fixed' ? pv : ''; | ||
el.style[verticalPosition] = verticalPositionStyle; | ||
el.style.position = positionStyle; | ||
if (pv === 'fixed' || p.useStickyClasses) { | ||
var instance = this.addInstance(el, p); // instances are an array of objects | ||
if (positionVal === 'fixed' || useStickyClasses) { | ||
var instance = this.addInstance(el, this.props); // instances are an array of objects | ||
@@ -121,4 +124,2 @@ this.instances.push(instance); | ||
} | ||
return this; | ||
} | ||
@@ -125,0 +126,0 @@ /* |
/** | ||
stickybits - Stickybits is a lightweight alternative to `position: sticky` polyfills | ||
@version v3.5.6 | ||
@version v3.5.7 | ||
@link https://github.com/dollarshaveclub/stickybits#readme | ||
@@ -8,2 +8,2 @@ @author Jeff Wainwright <yowainwright@gmail.com> (https://jeffry.in) | ||
**/ | ||
!function(t,s){"object"==typeof exports&&"undefined"!=typeof module?module.exports=s():"function"==typeof define&&define.amd?define(s):t.stickybits=s()}(this,function(){"use strict";var e=function(){function t(t,s){var e=void 0!==s?s:{};this.version="3.5.6",this.userAgent=window.navigator.userAgent||"no `userAgent` provided by the browser",this.props={customStickyChangeNumber:e.customStickyChangeNumber||null,noStyles:e.noStyles||!1,stickyBitStickyOffset:e.stickyBitStickyOffset||0,parentClass:e.parentClass||"js-stickybit-parent",scrollEl:"string"==typeof e.scrollEl?document.querySelector(e.scrollEl):e.scrollEl||window,stickyClass:e.stickyClass||"js-is-sticky",stuckClass:e.stuckClass||"js-is-stuck",stickyChangeClass:e.stickyChangeClass||"js-is-sticky--change",useStickyClasses:e.useStickyClasses||!1,useFixed:e.useFixed||!1,useGetBoundingClientRect:e.useGetBoundingClientRect||!1,verticalPosition:e.verticalPosition||"top"};var i=this.props;i.positionVal=this.definePosition()||"fixed";var n=i.verticalPosition,o=i.noStyles,r=i.positionVal;this.els="string"==typeof t?document.querySelectorAll(t):t,"length"in this.els||(this.els=[this.els]),this.instances=[];for(var a=0;a<this.els.length;a+=1){var l=this.els[a],c=l.style;if(c[n]="top"!==n||o?"":i.stickyBitStickyOffset+"px",c.position="fixed"!==r?r:"","fixed"===r||i.useStickyClasses){var u=this.addInstance(l,i);this.instances.push(u)}}return this}var s=t.prototype;return s.definePosition=function(){var t;if(this.props.useFixed)t="fixed";else{for(var s=["","-o-","-webkit-","-moz-","-ms-"],e=document.head.style,i=0;i<s.length;i+=1)e.position=s[i]+"sticky";t=e.position?e.position:"fixed",e.position=""}return t},s.addInstance=function(t,s){var e=this,i={el:t,parent:t.parentNode,props:s};this.isWin=this.props.scrollEl===window;var n=this.isWin?window:this.getClosestParent(i.el,i.props.scrollEl);return this.computeScrollOffsets(i),i.parent.className+=" "+s.parentClass,i.state="default",i.stateContainer=function(){return e.manageState(i)},n.addEventListener("scroll",i.stateContainer),i},s.getClosestParent=function(t,s){var e=s,i=t;if(i.parentElement===e)return e;for(;i.parentElement!==e;)i=i.parentElement;return e},s.getTopPosition=function(t){if(this.props.useGetBoundingClientRect)return t.getBoundingClientRect().top+(this.props.scrollEl.pageYOffset||document.documentElement.scrollTop);for(var s=0;s=t.offsetTop+s,t=t.offsetParent;);return s},s.computeScrollOffsets=function(t){var s=t,e=s.props,i=s.el,n=s.parent,o=!this.isWin&&"fixed"===e.positionVal,r="bottom"!==e.verticalPosition,a=o?this.getTopPosition(e.scrollEl):0,l=o?this.getTopPosition(n)-a:this.getTopPosition(n),c=null!==e.customStickyChangeNumber?e.customStickyChangeNumber:i.offsetHeight,u=l+n.offsetHeight;return s.offset=a+e.stickyBitStickyOffset,s.stickyStart=r?l-s.offset:0,s.stickyChange=s.stickyStart+c,s.stickyStop=r?u-(i.offsetHeight+s.offset):u-window.innerHeight,s},s.toggleClasses=function(t,s,e){var i=t,n=i.className.split(" ");e&&-1===n.indexOf(e)&&n.push(e);var o=n.indexOf(s);-1!==o&&n.splice(o,1),i.className=n.join(" ")},s.manageState=function(t){var s=t,e=s.el,i=s.props,n=s.state,o=s.stickyStart,r=s.stickyChange,a=s.stickyStop,l=e.style,c=i.noStyles,u=i.positionVal,f=i.scrollEl,p=i.stickyClass,h=i.stickyChangeClass,d=i.stuckClass,y=i.verticalPosition,k="bottom"!==y,m=function(t){t()},g=this.isWin&&(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame)||m,v=this.toggleClasses,C=this.isWin?window.scrollY||window.pageYOffset:f.scrollTop,S=k&&C<=o&&"sticky"===n,w=a<=C&&"sticky"===n;o<C&&C<a&&("default"===n||"stuck"===n)?(s.state="sticky",g(function(){v(e,d,p),l.position=u,c||(l.bottom="",l[y]=i.stickyBitStickyOffset+"px")})):S?(s.state="default",g(function(){v(e,p),"fixed"===u&&(l.position="")})):w&&(s.state="stuck",g(function(){v(e,p,d),"fixed"!==u||c||(l.top="",l.bottom="0",l.position="absolute")}));var b=r<=C&&C<=a;return C<r||a<C?g(function(){v(e,h)}):b&&g(function(){v(e,"stub",h)}),s},s.update=function(){for(var t=0;t<this.instances.length;t+=1){var s=this.instances[t];this.computeScrollOffsets(s)}return this},s.removeInstance=function(t){var s=t.el,e=t.props,i=this.toggleClasses;s.style.position="",s.style[e.verticalPosition]="",i(s,e.stickyClass),i(s,e.stuckClass),i(s.parentNode,e.parentClass)},s.cleanup=function(){for(var t=0;t<this.instances.length;t+=1){var s=this.instances[t];s.props.scrollEl.removeEventListener("scroll",s.stateContainer),this.removeInstance(s)}this.manageState=!1,this.instances=[]},t}();return function(t,s){return new e(t,s)}}); | ||
!function(t,s){"object"==typeof exports&&"undefined"!=typeof module?module.exports=s():"function"==typeof define&&define.amd?define(s):t.stickybits=s()}(this,function(){"use strict";var e=function(){function t(t,s){var e=void 0!==s?s:{};this.version="3.5.7",this.userAgent=window.navigator.userAgent||"no `userAgent` provided by the browser",this.props={customStickyChangeNumber:e.customStickyChangeNumber||null,noStyles:e.noStyles||!1,stickyBitStickyOffset:e.stickyBitStickyOffset||0,parentClass:e.parentClass||"js-stickybit-parent",scrollEl:"string"==typeof e.scrollEl?document.querySelector(e.scrollEl):e.scrollEl||window,stickyClass:e.stickyClass||"js-is-sticky",stuckClass:e.stuckClass||"js-is-stuck",stickyChangeClass:e.stickyChangeClass||"js-is-sticky--change",useStickyClasses:e.useStickyClasses||!1,useFixed:e.useFixed||!1,useGetBoundingClientRect:e.useGetBoundingClientRect||!1,verticalPosition:e.verticalPosition||"top"},this.props.positionVal=this.definePosition()||"fixed",this.instances=[];var i=this.props,n=i.positionVal,o=i.verticalPosition,r=i.noStyles,a=i.stickyBitStickyOffset,l=i.useStickyClasses,c="top"!==o||r?"":a+"px",u="fixed"!==n?n:"";this.els="string"==typeof t?document.querySelectorAll(t):t,"length"in this.els||(this.els=[this.els]);for(var f=0;f<this.els.length;f++){var p=this.els[f];if(p.style[o]=c,p.style.position=u,"fixed"===n||l){var h=this.addInstance(p,this.props);this.instances.push(h)}}}var s=t.prototype;return s.definePosition=function(){var t;if(this.props.useFixed)t="fixed";else{for(var s=["","-o-","-webkit-","-moz-","-ms-"],e=document.head.style,i=0;i<s.length;i+=1)e.position=s[i]+"sticky";t=e.position?e.position:"fixed",e.position=""}return t},s.addInstance=function(t,s){var e=this,i={el:t,parent:t.parentNode,props:s};this.isWin=this.props.scrollEl===window;var n=this.isWin?window:this.getClosestParent(i.el,i.props.scrollEl);return this.computeScrollOffsets(i),i.parent.className+=" "+s.parentClass,i.state="default",i.stateContainer=function(){return e.manageState(i)},n.addEventListener("scroll",i.stateContainer),i},s.getClosestParent=function(t,s){var e=s,i=t;if(i.parentElement===e)return e;for(;i.parentElement!==e;)i=i.parentElement;return e},s.getTopPosition=function(t){if(this.props.useGetBoundingClientRect)return t.getBoundingClientRect().top+(this.props.scrollEl.pageYOffset||document.documentElement.scrollTop);for(var s=0;s=t.offsetTop+s,t=t.offsetParent;);return s},s.computeScrollOffsets=function(t){var s=t,e=s.props,i=s.el,n=s.parent,o=!this.isWin&&"fixed"===e.positionVal,r="bottom"!==e.verticalPosition,a=o?this.getTopPosition(e.scrollEl):0,l=o?this.getTopPosition(n)-a:this.getTopPosition(n),c=null!==e.customStickyChangeNumber?e.customStickyChangeNumber:i.offsetHeight,u=l+n.offsetHeight;return s.offset=a+e.stickyBitStickyOffset,s.stickyStart=r?l-s.offset:0,s.stickyChange=s.stickyStart+c,s.stickyStop=r?u-(i.offsetHeight+s.offset):u-window.innerHeight,s},s.toggleClasses=function(t,s,e){var i=t,n=i.className.split(" ");e&&-1===n.indexOf(e)&&n.push(e);var o=n.indexOf(s);-1!==o&&n.splice(o,1),i.className=n.join(" ")},s.manageState=function(t){var s=t,e=s.el,i=s.props,n=s.state,o=s.stickyStart,r=s.stickyChange,a=s.stickyStop,l=e.style,c=i.noStyles,u=i.positionVal,f=i.scrollEl,p=i.stickyClass,h=i.stickyChangeClass,d=i.stuckClass,y=i.verticalPosition,k="bottom"!==y,m=function(t){t()},g=this.isWin&&(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame)||m,C=this.toggleClasses,v=this.isWin?window.scrollY||window.pageYOffset:f.scrollTop,S=k&&v<=o&&"sticky"===n,w=a<=v&&"sticky"===n;o<v&&v<a&&("default"===n||"stuck"===n)?(s.state="sticky",g(function(){C(e,d,p),l.position=u,c||(l.bottom="",l[y]=i.stickyBitStickyOffset+"px")})):S?(s.state="default",g(function(){C(e,p),"fixed"===u&&(l.position="")})):w&&(s.state="stuck",g(function(){C(e,p,d),"fixed"!==u||c||(l.top="",l.bottom="0",l.position="absolute")}));var b=r<=v&&v<=a;return v<r||a<v?g(function(){C(e,h)}):b&&g(function(){C(e,"stub",h)}),s},s.update=function(){for(var t=0;t<this.instances.length;t+=1){var s=this.instances[t];this.computeScrollOffsets(s)}return this},s.removeInstance=function(t){var s=t.el,e=t.props,i=this.toggleClasses;s.style.position="",s.style[e.verticalPosition]="",i(s,e.stickyClass),i(s,e.stuckClass),i(s.parentNode,e.parentClass)},s.cleanup=function(){for(var t=0;t<this.instances.length;t+=1){var s=this.instances[t];s.props.scrollEl.removeEventListener("scroll",s.stateContainer),this.removeInstance(s)}this.manageState=!1,this.instances=[]},t}();return function(t,s){return new e(t,s)}}); |
/** | ||
stickybits - Stickybits is a lightweight alternative to `position: sticky` polyfills | ||
@version v3.5.6 | ||
@version v3.5.7 | ||
@link https://github.com/dollarshaveclub/stickybits#readme | ||
@@ -74,3 +74,3 @@ @author Jeff Wainwright <yowainwright@gmail.com> (https://jeffry.in) | ||
var o = typeof obj !== 'undefined' ? obj : {}; | ||
this.version = '3.5.6'; | ||
this.version = '3.5.7'; | ||
this.userAgent = window.navigator.userAgent || 'no `userAgent` provided by the browser'; | ||
@@ -90,28 +90,31 @@ this.props = { | ||
verticalPosition: o.verticalPosition || 'top' | ||
/* | ||
define positionVal | ||
---- | ||
- uses a computed (`.definePosition()`) | ||
- defined the position | ||
*/ | ||
}; | ||
var p = this.props; | ||
/* | ||
define positionVal | ||
---- | ||
- uses a computed (`.definePosition()`) | ||
- defined the position | ||
*/ | ||
p.positionVal = this.definePosition() || 'fixed'; | ||
var vp = p.verticalPosition; | ||
var ns = p.noStyles; | ||
var pv = p.positionVal; | ||
this.props.positionVal = this.definePosition() || 'fixed'; | ||
this.instances = []; | ||
var _this$props = this.props, | ||
positionVal = _this$props.positionVal, | ||
verticalPosition = _this$props.verticalPosition, | ||
noStyles = _this$props.noStyles, | ||
stickyBitStickyOffset = _this$props.stickyBitStickyOffset, | ||
useStickyClasses = _this$props.useStickyClasses; | ||
var verticalPositionStyle = verticalPosition === 'top' && !noStyles ? stickyBitStickyOffset + "px" : ''; | ||
var positionStyle = positionVal !== 'fixed' ? positionVal : ''; | ||
this.els = typeof target === 'string' ? document.querySelectorAll(target) : target; | ||
if (!('length' in this.els)) this.els = [this.els]; | ||
this.instances = []; | ||
for (var i = 0; i < this.els.length; i += 1) { | ||
var el = this.els[i]; | ||
var styles = el.style; // set vertical position | ||
for (var i = 0; i < this.els.length; i++) { | ||
var el = this.els[i]; // set vertical position | ||
styles[vp] = vp === 'top' && !ns ? p.stickyBitStickyOffset + "px" : ''; | ||
styles.position = pv !== 'fixed' ? pv : ''; | ||
el.style[verticalPosition] = verticalPositionStyle; | ||
el.style.position = positionStyle; | ||
if (pv === 'fixed' || p.useStickyClasses) { | ||
var instance = this.addInstance(el, p); // instances are an array of objects | ||
if (positionVal === 'fixed' || useStickyClasses) { | ||
var instance = this.addInstance(el, this.props); // instances are an array of objects | ||
@@ -121,4 +124,2 @@ this.instances.push(instance); | ||
} | ||
return this; | ||
} | ||
@@ -125,0 +126,0 @@ /* |
{ | ||
"name": "stickybits", | ||
"version": "3.5.6", | ||
"version": "3.5.7", | ||
"description": "Stickybits is a lightweight alternative to `position: sticky` polyfills", | ||
@@ -73,3 +73,3 @@ "main": "dist/stickybits.js", | ||
"qunit": "^2.6.1", | ||
"rollup": "0.66.3", | ||
"rollup": "0.66.5", | ||
"rollup-plugin-babel": "^4.0.0-beta.0", | ||
@@ -76,0 +76,0 @@ "rollup-plugin-replace": "^2.0.0", |
@@ -75,3 +75,2 @@ /* | ||
} | ||
const p = this.props | ||
/* | ||
@@ -83,17 +82,29 @@ define positionVal | ||
*/ | ||
p.positionVal = this.definePosition() || 'fixed' | ||
const vp = p.verticalPosition | ||
const ns = p.noStyles | ||
const pv = p.positionVal | ||
this.props.positionVal = this.definePosition() || 'fixed' | ||
this.instances = [] | ||
const { | ||
positionVal, | ||
verticalPosition, | ||
noStyles, | ||
stickyBitStickyOffset, | ||
useStickyClasses, | ||
} = this.props | ||
const verticalPositionStyle = verticalPosition === 'top' && !noStyles ? `${stickyBitStickyOffset}px` : '' | ||
const positionStyle = positionVal !== 'fixed' ? positionVal : '' | ||
this.els = typeof target === 'string' ? document.querySelectorAll(target) : target | ||
if (!('length' in this.els)) this.els = [this.els] | ||
this.instances = [] | ||
for (let i = 0; i < this.els.length; i += 1) { | ||
for (let i = 0; i < this.els.length; i++) { | ||
const el = this.els[i] | ||
const styles = el.style | ||
// set vertical position | ||
styles[vp] = vp === 'top' && !ns ? `${p.stickyBitStickyOffset}px` : '' | ||
styles.position = pv !== 'fixed' ? pv : '' | ||
if (pv === 'fixed' || p.useStickyClasses) { | ||
const instance = this.addInstance(el, p) | ||
el.style[verticalPosition] = verticalPositionStyle | ||
el.style.position = positionStyle | ||
if (positionVal === 'fixed' || useStickyClasses) { | ||
const instance = this.addInstance(el, this.props) | ||
// instances are an array of objects | ||
@@ -103,3 +114,2 @@ this.instances.push(instance) | ||
} | ||
return this | ||
} | ||
@@ -106,0 +116,0 @@ |
@@ -16,3 +16,3 @@ export default function stickybits( | ||
parentClass?: string | ||
scrollEl?: Element | ||
scrollEl?: Element | string | ||
stickyClass?: string | ||
@@ -19,0 +19,0 @@ stuckClass?: string |
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
104553
2098