Socket
Socket
Sign inDemoInstall

stickybits

Package Overview
Dependencies
Maintainers
1
Versions
85
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

stickybits - npm Package Compare versions

Comparing version 1.2.7 to 1.2.8

2

dist/jquery.stickybits.js

@@ -52,3 +52,3 @@ (function (global, factory) {

elClasses.remove(stickyBitClass);
elStyle.position = '';
if (positionStickyVal === 'fixed') elStyle.position = '';
}

@@ -55,0 +55,0 @@ } else if (scroll > stickyBitStart && scroll < stickyBitStop) {

4

dist/jquery.stickybits.min.js
/**
* stickybits - Stickybits is a lightweight (<2KB) alternative to `position: sticky` polyfills
* @version v1.2.7
* @version v1.2.8
* @link https://github.com/dollarshaveclub/stickybits#readme
* @author Jeff Wainwright <jjwainwright2@gmail.com>
* @license MIT */
!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i():"function"==typeof define&&define.amd?define(i):i()}(0,function(){"use strict";function t(t,i){this.el=t,this.scrollTarget=i&&i.scrollTarget||window,this.stickyBitStickyOffset=i&&i.stickyBitStickyOffset||0,this.verticalPosition=i&&i.verticalPosition||"top",this.useStickyClasses=i&&i.useStickyClasses||!1,this.elStyle=this.el.style,this.positionStickyVal="fixed"}function i(i,s){var e="string"==typeof i?document.querySelectorAll(i):i;"length"in e||(e=[e]);for(var o=void 0,n=0;n<e.length;n+=1){o=new t(e[n],s),o.setStickyPosition(),"fixed"!==o.positionStickyVal&&!0!==o.useStickyClasses||o.manageStickiness()}}var s=["","-o-","-webkit-","-moz-","-ms-"],e="js-is-sticky",o="js-is-stuck";if(t.prototype.setStickyPosition=function(){for(var t=this.elStyle,i=this.verticalPosition,e=0;e<s.length;e+=1)t.position=s[e]+"sticky";""!==t.position&&(this.positionStickyVal=t.position,"top"===i&&(t[i]=this.stickyBitStickyOffset+"px"))},t.prototype.manageStickiness=function(){function t(){var t=n.scrollY;if(t<d)r.contains(e)&&(r.remove(e),a.position="");else if(t>d&&t<p)r.contains(e)||r.add(e),r.contains(o)&&(r.remove(o),a.bottom=""),a.position=c,a[f]=l+"px";else if(t>p&&!r.contains(o)){if(r.remove(e),r.add(o),"fixed"!==c)return;a.top="",a.bottom="0",a.position="absolute"}}function i(){u||(u=!0,t(),window.setTimeout(function(){u=!1},0))}var s=this.el,n=this.scrollTarget,c=this.positionStickyVal,f=this.verticalPosition,l=this.stickyBitStickyOffset,a=this.elStyle,r=s.classList,y=s.parentNode,d=s.getBoundingClientRect().top,p=d+y.offsetHeight-(s.offsetHeight-l);y.classList.add("js-stickybit-parent");var u=void 0;n.addEventListener("scroll",function(){return n.requestAnimationFrame(i)})},"undefined"!=typeof window){var n=window.$||window.jQuery||window.Zepto;n&&(n.fn.stickybits=function(t){i(this,t)})}});
!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i():"function"==typeof define&&define.amd?define(i):i()}(0,function(){"use strict";function t(t,i){this.el=t,this.scrollTarget=i&&i.scrollTarget||window,this.stickyBitStickyOffset=i&&i.stickyBitStickyOffset||0,this.verticalPosition=i&&i.verticalPosition||"top",this.useStickyClasses=i&&i.useStickyClasses||!1,this.elStyle=this.el.style,this.positionStickyVal="fixed"}function i(i,s){var e="string"==typeof i?document.querySelectorAll(i):i;"length"in e||(e=[e]);for(var o=void 0,n=0;n<e.length;n+=1){o=new t(e[n],s),o.setStickyPosition(),"fixed"!==o.positionStickyVal&&!0!==o.useStickyClasses||o.manageStickiness()}}var s=["","-o-","-webkit-","-moz-","-ms-"],e="js-is-sticky",o="js-is-stuck";if(t.prototype.setStickyPosition=function(){for(var t=this.elStyle,i=this.verticalPosition,e=0;e<s.length;e+=1)t.position=s[e]+"sticky";""!==t.position&&(this.positionStickyVal=t.position,"top"===i&&(t[i]=this.stickyBitStickyOffset+"px"))},t.prototype.manageStickiness=function(){function t(){var t=n.scrollY;if(t<d)r.contains(e)&&(r.remove(e),"fixed"===c&&(a.position=""));else if(t>d&&t<p)r.contains(e)||r.add(e),r.contains(o)&&(r.remove(o),a.bottom=""),a.position=c,a[f]=l+"px";else if(t>p&&!r.contains(o)){if(r.remove(e),r.add(o),"fixed"!==c)return;a.top="",a.bottom="0",a.position="absolute"}}function i(){u||(u=!0,t(),window.setTimeout(function(){u=!1},0))}var s=this.el,n=this.scrollTarget,c=this.positionStickyVal,f=this.verticalPosition,l=this.stickyBitStickyOffset,a=this.elStyle,r=s.classList,y=s.parentNode,d=s.getBoundingClientRect().top,p=d+y.offsetHeight-(s.offsetHeight-l);y.classList.add("js-stickybit-parent");var u=void 0;n.addEventListener("scroll",function(){return n.requestAnimationFrame(i)})},"undefined"!=typeof window){var n=window.$||window.jQuery||window.Zepto;n&&(n.fn.stickybits=function(t){i(this,t)})}});

2

dist/stickybits.js

@@ -52,3 +52,3 @@ (function (global, factory) {

elClasses.remove(stickyBitClass);
elStyle.position = '';
if (positionStickyVal === 'fixed') elStyle.position = '';
}

@@ -55,0 +55,0 @@ } else if (scroll > stickyBitStart && scroll < stickyBitStop) {

4

dist/stickybits.min.js
/**
* stickybits - Stickybits is a lightweight (<2KB) alternative to `position: sticky` polyfills
* @version v1.2.7
* @version v1.2.8
* @link https://github.com/dollarshaveclub/stickybits#readme
* @author Jeff Wainwright <jjwainwright2@gmail.com>
* @license MIT */
!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):t.stickybits=i()}(this,function(){"use strict";function t(t,i){this.el=t,this.scrollTarget=i&&i.scrollTarget||window,this.stickyBitStickyOffset=i&&i.stickyBitStickyOffset||0,this.verticalPosition=i&&i.verticalPosition||"top",this.useStickyClasses=i&&i.useStickyClasses||!1,this.elStyle=this.el.style,this.positionStickyVal="fixed"}function i(i,s){var e="string"==typeof i?document.querySelectorAll(i):i;"length"in e||(e=[e]);for(var o=void 0,n=0;n<e.length;n+=1){o=new t(e[n],s),o.setStickyPosition(),"fixed"!==o.positionStickyVal&&!0!==o.useStickyClasses||o.manageStickiness()}}var s=["","-o-","-webkit-","-moz-","-ms-"],e="js-is-sticky",o="js-is-stuck";return t.prototype.setStickyPosition=function(){for(var t=this.elStyle,i=this.verticalPosition,e=0;e<s.length;e+=1)t.position=s[e]+"sticky";""!==t.position&&(this.positionStickyVal=t.position,"top"===i&&(t[i]=this.stickyBitStickyOffset+"px"))},t.prototype.manageStickiness=function(){function t(){var t=n.scrollY;if(t<p)f.contains(e)&&(f.remove(e),a.position="");else if(t>p&&t<u)f.contains(e)||f.add(e),f.contains(o)&&(f.remove(o),a.bottom=""),a.position=c,a[l]=r+"px";else if(t>u&&!f.contains(o)){if(f.remove(e),f.add(o),"fixed"!==c)return;a.top="",a.bottom="0",a.position="absolute"}}function i(){d||(d=!0,t(),window.setTimeout(function(){d=!1},0))}var s=this.el,n=this.scrollTarget,c=this.positionStickyVal,l=this.verticalPosition,r=this.stickyBitStickyOffset,a=this.elStyle,f=s.classList,y=s.parentNode,p=s.getBoundingClientRect().top,u=p+y.offsetHeight-(s.offsetHeight-r);y.classList.add("js-stickybit-parent");var d=void 0;n.addEventListener("scroll",function(){return n.requestAnimationFrame(i)})},i});
!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):t.stickybits=i()}(this,function(){"use strict";function t(t,i){this.el=t,this.scrollTarget=i&&i.scrollTarget||window,this.stickyBitStickyOffset=i&&i.stickyBitStickyOffset||0,this.verticalPosition=i&&i.verticalPosition||"top",this.useStickyClasses=i&&i.useStickyClasses||!1,this.elStyle=this.el.style,this.positionStickyVal="fixed"}function i(i,s){var e="string"==typeof i?document.querySelectorAll(i):i;"length"in e||(e=[e]);for(var o=void 0,n=0;n<e.length;n+=1){o=new t(e[n],s),o.setStickyPosition(),"fixed"!==o.positionStickyVal&&!0!==o.useStickyClasses||o.manageStickiness()}}var s=["","-o-","-webkit-","-moz-","-ms-"],e="js-is-sticky",o="js-is-stuck";return t.prototype.setStickyPosition=function(){for(var t=this.elStyle,i=this.verticalPosition,e=0;e<s.length;e+=1)t.position=s[e]+"sticky";""!==t.position&&(this.positionStickyVal=t.position,"top"===i&&(t[i]=this.stickyBitStickyOffset+"px"))},t.prototype.manageStickiness=function(){function t(){var t=n.scrollY;if(t<p)f.contains(e)&&(f.remove(e),"fixed"===c&&(a.position=""));else if(t>p&&t<u)f.contains(e)||f.add(e),f.contains(o)&&(f.remove(o),a.bottom=""),a.position=c,a[l]=r+"px";else if(t>u&&!f.contains(o)){if(f.remove(e),f.add(o),"fixed"!==c)return;a.top="",a.bottom="0",a.position="absolute"}}function i(){d||(d=!0,t(),window.setTimeout(function(){d=!1},0))}var s=this.el,n=this.scrollTarget,c=this.positionStickyVal,l=this.verticalPosition,r=this.stickyBitStickyOffset,a=this.elStyle,f=s.classList,y=s.parentNode,p=s.getBoundingClientRect().top,u=p+y.offsetHeight-(s.offsetHeight-r);y.classList.add("js-stickybit-parent");var d=void 0;n.addEventListener("scroll",function(){return n.requestAnimationFrame(i)})},i});

2

package.json
{
"name": "stickybits",
"version": "1.2.7",
"version": "1.2.8",
"description": "Stickybits is a lightweight (<2KB) alternative to `position: sticky` polyfills",

@@ -5,0 +5,0 @@ "main": "dist/stickybits.js",

5

src/stickybits.js

@@ -39,3 +39,4 @@ const browserPrefix = ['', '-o-', '-webkit-', '-moz-', '-ms-'];

const stickyBitStart = el.getBoundingClientRect().top;
const stickyBitStop = (stickyBitStart + elParent.offsetHeight) - (el.offsetHeight - stickyBitStickyOffset);
const stickyBitStop = (stickyBitStart + elParent.offsetHeight) -
(el.offsetHeight - stickyBitStickyOffset);
elParent.classList.add('js-stickybit-parent');

@@ -47,3 +48,3 @@ function stickiness() {

elClasses.remove(stickyBitClass);
elStyle.position = '';
if (positionStickyVal === 'fixed') elStyle.position = '';
}

@@ -50,0 +51,0 @@ } else if (scroll > stickyBitStart && scroll < stickyBitStop) {

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc