以下のサンプルでは、70px以上スクロールすると、ヘッダーの要素がスライドして覆いかぶさります。
ファーストビューでは必要ないが、ページ下部になると必要性が高い要素を表示する時に重宝します。
$(document).ready(function(){
fixed_menu = 0;
$(window).scroll(function(){
if( $(this).scrollTop() > 70 ){
if(fixed_menu==0){
$('#headerwrap_fixed').slideDown(400);
fixed_menu=1;
}
} else {
if(fixed_menu){
$('#headerwrap_fixed').slideUp(200);
fixed_menu=0;
}
}
});
});
以下のリンク先にサンプルがあります。
