gerd
9/26/2016 - 11:38 AM

LN Sticky Header

LN Sticky Header

  doStiky : function() {
    var cs = this;
    var stikyID = '#stiky';
    var stuck = false;
    var stickAt = $(stikyID).position();
    var stickAt = $(stikyID).offset().top;

    $(window).scroll(function() {
      var divH = $(stikyID).height();
      var winH = $(window).height();
      var docH = $(document).height();
      var diff = docH - winH;
      // console.log("div height = "+divH);
      // console.log("diff height = "+diff);
      // console.log("offset = " +$('#stiky-anchor').offset().top);
      // console.log("current =" + $(window).scrollTop());
      // conditionals are needed to prevent flicker on short pages.
      if (divH > 30) {
        if (diff > divH && diff - divH > 1) {
          var st = $(window).scrollTop();
          if (!stuck && $(window).scrollTop() > stickAt) {
            stuck = true;
            $(stikyID).addClass('stuck');
            $('.getsglued').addClass('ln-no-padding');
            $(".ln-viewing-pane").css("border-bottom", "none");
          } else if (stuck && $(window).scrollTop() < stickAt - 20) {
            stuck = false;
            $(stikyID).removeClass('stuck');
            $('.getsglued').removeClass('ln-no-padding');
            $(".ln-viewing-pane").css("border-bottom", "1px solid #e9e9e9");
          }
        }

        if (divH > diff) {
          if (stuck && $(window).scrollTop() < 2) {
            stuck = false;
            $(stikyID).removeClass('stuck');
            $('.getsglued').removeClass('ln-no-padding');
            $(".ln-viewing-pane").css("border-bottom", "1px solid #e9e9e9");
          }
        }
      }
    });
  }