Javascript прокрутка окна не работает при изменении масштаба страницы

Question

У меня есть действие в javascript при изменении прокрутки страницы. Код, приведенный ниже

$(window).on('scroll',function () {
   var height = $('.my-header').height();
    if($(this).scrollTop() > height){
        $('.my-header').hide();    
        $('.search-form').addClass('sticky');    
    }else{
        $('.my-header').show();
        $('.search-form').removeClass('sticky');

    }

});
 $(window).scroll(function() {
    // var height=window.screen.height*(20/100);
    if ($(this).scrollTop() > 200) {
         $(".search-form").hover(
          function () {
    $(".hide-sec").removeClass("animated-hide");
    },
      function () {
    $(".hide-sec").addClass("animated-hide");
    }
    );
      $('.hide-sec').addClass('animated-hide');
     }
     else{
      $('.hide-sec').removeClass('animated-hide');
       $(".search-form").hover(function () {
    $(".hide-sec").removeClass("animated-hide");
    });

     }

});

Код должен сделать форму поиска липкой вверху после прокрутки до определенной высоты. работает нормально. Но когда я изменяю уровень масштабирования, он не работает должным образом. И также не работает, когда я открываю окно консоли или что-то в этом роде. Я тестирую в chrome broswer. Я не могу определить ошибку. Пожалуйста, помогите мне