Sticky Sidebar

sitckySidebar.js

      // grouped products sticky
      var groupedImage = function () {
        var sticky = $('#views-exposed-form-news-recipes');
        var stickyrStopper = $('.footer-inner');
        if (sticky.length > 0) { // make sure ".sticky" element exists
          var generalSidebarHeight =  sticky.outerHeight();
          var stickyTop = sticky.offset().top;
          var stickOffset = 0;
          var stickyStopperPosition = stickyrStopper.offset().top;
          var stopPoint = stickyStopperPosition - generalSidebarHeight - stickOffset;
          var diff = stopPoint + stickOffset;
          $(window).scroll(function () { // scroll event
            var windowTop = $(window).scrollTop(); // returns number
            if (stopPoint < windowTop) {
              sticky.css({position: 'absolute', top: diff, background: 'rgba(255,255,255,.8)'});
            } else if (stickyTop < windowTop + stickOffset) {
              sticky.css({position: 'fixed', top: stickOffset, background: 'rgba(255,255,255,.8)'});
            } else {
              sticky.css({position: 'absolute', top: 'initial', background: 'none'});
            }
          });
        }
      };
      groupedImage();