移动搜索框并在鼠标向下滚动时将其固定到标题中，并在移动向上滚动时将其恢复

Question

我有一个搜索框，当鼠标向下滚动＆gt; 70px（或你考虑的任何东西）时我需要将它固定到我的引导程序头中它应该固定到它中，当鼠标向上滚动时它应该到页面顶部它应该采取原来的立场。这里是要编辑的演示。demoToEdit。我在snapdeal.com上看到过这个。 PLease帮助我实现这一目标。提前谢谢。

 [1]: http://jsfiddle.net/c29k6rba/

Answer 1

好吧我决定采用更快捷的方式使用jquery而不是检查可见性我只是检查滚动距离演示：http://jsfiddle.net/c29k6rba/22/

代码：

 $('#searchBarSml').hide();
$(window).scroll(function() {

    if ($(this).scrollTop()>0)
     {
        $('#searchBarSml').fadeIn();
        $('#searchBarLrg').fadeOut();
     }
    else
     {
      $('#searchBarLrg').fadeIn();
      $('#searchBarSml').fadeOut();
     }
 });

在开始时隐藏较小的条，然后在滚动时它会切换，反之亦然。这应该是你想要的真实。