jquery：鼠标滚轮滑动后出现固定条

今天分享一个小知识，仿百度搜索框效果
先看图

刚进入页面时，页面上是一个固定的搜索框，当鼠标滑动后，该框就出现了。

---

代码

 <script type="text/javascript">
        $(function () {
            var height = $("#title").offset().top;//计算该框离浏览器顶部的距离
            $(window).scroll(function () {//鼠标滑动事件
                var scrollTop = $(this).scrollTop();//获取当前离浏览器顶部的距离
                if (scrollTop > height) {//判断距离
                    $("#topTitle").css({
                         //写你需要看到效果的css
                    });

                } else {
                    $("#topTitle").css({
                        //写你需要看到效果的css
                    });
                }

            });
        });
    </script>