У меня есть форма поиска на моем веб-сайте, которая при прокрутке застревает сверху. И это делается с помощью 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() {
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");
});
}
});
работает отлично. И когда я прокручиваю затем он становится липким наверху, затем я нажимаю f12 (консоль), затем липкий заголовок остается липким. Как я могу решить эту проблему