向下滚动时显示搜索栏，滚动回顶部时隐藏搜索栏

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();
    }
});