Показать панель поиска при прокрутке вниз и скрыть ее при прокрутке наверх

Question

Мне нужно показать липкую панель поиска вверху, когда страница прокручивается вниз. Целевая страница уже содержит окно поиска. Таким образом, липкая панель должна появляться только тогда, когда она не видна, и когда окно поиска возвращается на просмотр, липкая панель поиска должна исчезнуть. Как это сделать с помощью jquery?

Answer 1

Как сказал начальник, вы получите гораздо больше ответов, если будет похоже, что вы дали ему шанс, но здесь все равно. Посмотрите на это fiddle для полного примера. В следующий раз дать ему попробовать и после соответствующего кода

JQuery

var searchHeight = $(".search-bar").outerHeight(); 
var offset = $(".search-bar").offset().top; 
var totalHeight = searchHeight + offset; 

$(window).scroll(function(){ 
    if($(document).scrollTop() >= totalHeight) { 
     $('.sticky-search').show(); 
    } else { 
     $('.sticky-search').hide(); 
    } 
});