potion-sticky-el

Potion Sticky Element

A Modern Vanilla Sticky Element

Initializing

  import StickyEl from 'potion-sticky-el'
 
  const ad_sticky = 
    StickyEl({
      el: '.js-sticky-el', 
      wrapper: '.js-sticky-wrap', 
      },
      {
        mq: '(min-width: 768px)', // optional mq that defaults to (min-width: 768px)
        spacing: {
          bottom: 0, // spacing between js-sticky-end and js-sticky-el when the sticky el exits 'sticky' mode
          top: 0 // top spacing when in 'sticky' mode
        }
      }
    )