Как убрать фиксация при достижении блока?

Question

[Александр Наумов]

Есть скрипт для фиксации блока при достижении высоты в 320px.

$(document).ready(function(){
          $(window).scroll(function(){
              if($(this).scrollTop()>320){
                   $('.filter_mob').addClass('active');
              }
              else if ($(this).scrollTop()<320){
                  $('.filter_mob').removeClass('active');
              }
          });
         
    });

Но он налазит на подвал при скроллинге.
Как сделать чтобы при достижении подвала, фиксация блока пропадала ?

Answer 1

[Bankir77]

Нужно просто учесть позицию футера по высоте и добавить её в условие

$(document).ready(function(){
    var footer_position_top = $(".your_footer").position().top; // сюда нужно вписать свой класс или id футера
    $(window).scroll(function(){
        if($(this).scrollTop()>320 && $(this).scrollTop() < footer_position_top){
           $('.filter_mob').addClass('active');
        }
        else if ($(this).scrollTop()<320 || $(this).scrollTop() > footer_position_top){
          $('.filter_mob').removeClass('active');
        }
    });
});