title: Show search bar when scrolled down and hide it when scrolled back to top
body: <p>I need to show a sticky search bar at the top when the page is scrolled down. The landing page already contains a search box. So, the sticky bar should come only when it's out of view, and when the search box comes back in to view, the sticky search bar should go off. How do I do this using jquery?</p>