Sticky Sidebar

StickSidebar.js

/* Use .sidebar-sticky class to turn sidebar element into a sticky sidebar.
 * Following code keeps the sidebar within view and uses animate() to create
 * a smooth transition
 */

const $sidebar = $(".sidebar-sticky")
const $window = $(window)
const offset = $sidebar.offset()
const topPadding = 110

if ($sidebar.length > 0) {
  $window.scroll(function() {
    const limit = $('.banner--eligibility').offset().top - $sidebar.height() - 20

    if (limit < $window.scrollTop()) {
      return
    }

    if ($window.scrollTop() > offset.top && $window.width() > 640) {
      $sidebar.stop().animate({
        marginTop: $window.scrollTop() - offset.top + topPadding
      })
    } else {
      $sidebar.stop().animate({
        marginTop: 0
      })
    }
  })
}