实现滚动条到某个位置时，导航条滑出，或消失

<div id="navbar">
    <div>toutiao</div>
</div>
<style type="text/css">
    #navbar{
        display: none;
    }
</style>
$(window).scroll(function() {
    var scr = $(this).scrollTop();
    if (scr > 200) {
        $("div#navbar").fadeIn();
    } else {
        $("div#navbar").fadeOut();
    }
})