Как применить класс после увеличения высоты экрана?

Question

[lUser L]

Когда прокручиваешь страницу в низ, блоку .profile_cover_sidebar_style добавляется класс .coverfixed

fixed

$(document).scroll(function(){
        if ($(document).scrollTop() >= 1000) {
           $('.profile_cover_sidebar_style').addClass('coverfixed');
        } else {
            $('.profile_cover_sidebar_style').removeClass('coverfixed');
        }
  });

До этого момента все работает нормально. Но если прокрутить страницу в самый низ то аякс начинает загружать следующую порцию контента и вот после этого не работает fixed

ajax

$(document).ready(function(){
    let inProgress = false;
    let count = 20;
    let begin = 1;
    let currentPage = $('.main').data("page");
    var getUserId = $('.subs_list_wrp').data("id");
    
    if(currentPage == 'feed') {
      var pageUrl = '../ajax_controller/load_feed_content.php';
    }

    if(currentPage == 'user') {
      var pageUrl = '../ajax_controller/load_user_content?id=' + getUserId;
    }


    function scrolling(){ 
      if ($(document).height() - $(window).height() <= $(window).scrollTop() && !inProgress) { 
        $(this).unbind("scroll");
        loader();
      }
    }
      
    function loader(){
      
      $.ajax({
        type:"POST",
        url: pageUrl,
        data:{
          count: count,
          begin: begin*count
        },beforeSend: function() {
        inProgress = true;}, 
        success:onAjaxSuccess
      });
   
      function onAjaxSuccess(data) {   
        if(!$.trim(data)) {
          inProgress = false;
        } else{
            $(".content_list").append(data);
            begin++;
            $(window).on("scroll", scrolling);
        }
      }
        inProgress = false;
    }
    
    $(document).on("scroll", scrolling);
    $(document).on("scrollstart",scrolling);
  });

скрин

p.s вот залил на фрии хост. можете чекнуть Тот самый сайт
p.s.s так же если кто то знает как лучше всего реализовать загрузку контента "порциями" то буду рад вашим советам

Answer 1

[Александр Епихин]

В функции scrolling ты удаляешь все обработчики события scroll у элемента document. Поэтому не срабатывает обработка события объявленная в самом верху.