ヘッダーを最上部に固定するjQuery

【jQuery】ヘッダーを最上部に固定!|合同会社チームサンタ
http://teamsanta.info/web/1819/

<script>
$(function() {
var bt = $("header").offset().top; 
var ds = 0;
 
$(document).scroll(function(){ 
    ds = $(this).scrollTop(); 
 
    if (bt <= ds) {  
        $("header").addClass('follow'); 
    } else if (bt >= ds) { 
        $("header").removeClass('follow'); 
    }
    });
});
</script>

CSS followは必須

#content {
    position: relative;
    background:#D9CDBC;
    height: 3000px;
}
header {
    position: absolute;
    top: 250px;
    background: #333;
    width: 100%;
    text-align: center;
}
#content .follow {
    position: fixed;
    top: 0;
}
a {
    color:#FFF;
    text-decoration:none;
}
ul {
    width:800px;
    overflow:hidden;
    list-style:none;
    margin:0 auto;
}
ul li {
    width:200px;
    float:left;
    padding:20px 0;
    background:#999;
}
ul li:hover {
    background:#666;
}


コメントは受け付けていません。