Задать вопрос
Этот вопрос закрыт для ответов, так как повторяет вопрос Как добавить и удалить класс при скроле на чистом JS?
@Touchpardus

Как скрыть поисковое поле при scroll?

По этому коду поисковое поле скрывается только при нажатии на кнопку Готово в клавиатуре на мобильной версии, как сделать так чтобы скрывался при скролле?
$(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()
	})
  • Вопрос задан
  • 66 просмотров
Подписаться 1 Средний 1 комментарий
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы