Удалите липкий заголовок при прокрутке до самого низа

Question

Я использую Auto-Hide Sticky Header от Osvaldas Valutis. Мой файл JS выглядит следующим образом:

$window.on('scroll', throttle(throttleTimeout, function() 
    { 
    dHeight   = $document.height(); 
    wHeight   = $window.height(); 
    wScrollCurrent = $window.scrollTop(); 
    wScrollDiff  = wScrollBefore - wScrollCurrent; 

    $element.toggleClass(elClassSlide, wScrollCurrent > elSlideOffset); // toggles "slide" classname 

    if(wScrollCurrent <= 0) // scrolled to the very top; element sticks to the top 
     $element.removeClass(elClassHidden); 

    else if(wScrollDiff > 0 && $element.hasClass(elClassHidden)) // scrolled up; element slides in 
     $element.removeClass(elClassHidden); 

    else if(wScrollDiff < 0) // scrolled down 
    { 
     if(wScrollCurrent + wHeight >= dHeight && $element.hasClass(elClassHidden)) // scrolled to the very bottom; element slides in 
     $element.removeClass(elClassHidden); 

     else // scrolled down; element slides out 
     $element.addClass(elClassHidden); 
    } 

    wScrollBefore = wScrollCurrent; 
    })); 

В основном это добавляет и удаляет класс header-hidden. Я хотел бы изменить сценарий и не показывать навигацию (например, добавить класс header-hidden), когда страница прокручивается до самого низа. Я попытался сделать следующее, но это не сработает.

else if(wScrollDiff < 0) // scrolled down 
     $element.addClass(elClassHidden); 

Любая идея, как я могу изменить сценарий?

Answer 1

Я сделал что-то подобное для моей боковой панели.

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     if(($(window).scrollTop() > 150) && ($(window).scrollTop() + $(window).height() < $(document).height() - 400)) 
    { 
      $(".collpage").addClass('withfixed'); 
      $(".sidebar.three.columns").addClass('fixedfilters'); 

    } 
    else 
    { 
    $(".collpage").removeClass('withfixed'); 
    $(".sidebar.three.columns").removeClass('fixedfilters'); 
    } 

     })