javascript - 滚动到最底部时删除粘性标题

Question

我正在使用Auto-Hide Sticky Header作者:奥斯瓦尔达斯·瓦鲁蒂斯。我的 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');
   }

       })