По этому коду поисковое поле скрывается только при нажатии на кнопку Готово в клавиатуре на мобильной версии, как сделать так чтобы скрывался при скролле?
$(window).on('scroll', function () {
//if ($(this).scrollTop() >= $headerButtonBlockOffset)
if ($(this).scrollTop() >= 50) {
if ($('.jq_search').css('display') == 'block' || $('.jq_search').is(":visible")) {
// $('.jq_search').css({visability: 'hidden', display: 'none'});
//$('.jq_search').fadeOut();
//console.log('jq');
}
if (!$('.i_search_button:visible').length)
$('.i_search_button').removeClass('displaynone');
if (fixedHeader) return;
$('body').css('paddingTop', $header.height() + 5 + 'px');
//
$header.addClass('i_header_fixed');
//
$('header').css('paddingBottom', '0px');
//$('.j_search_button').addClass('j_search_button-act');
$('.jq_search').addClass('hide_search-input');
$('.i_search_button').removeClass('displaynone');
$('.i_search_button').click(function () {
$('.i_search_button').addClass('displaynone');
});
$('i_header_search_mobile').css('paddingBottom', '0px');
fixedHeader = true;
} else {
$('body').css('paddingTop', '0px');
$('.hide_search-input').css('display', 'block');
//
$('header').removeClass('i_header_fixed');
$('.jq_search').removeClass('hide_search-input');
$('.i_search_button').addClass('displaynone');
// console.log('h1');
//$('.j_search_button').removeClass('j_search_button-act');
fixedHeader = false;
}
if (fixedHeader && $header.width() !== $('.i_wrapper').width()) {
$header.css('width', $('.i_wrapper').width() + 'px');
}
});
$('body').on('focusout', function () {
$('.jq_search').fadeOut()
})