jquery簡單實作捲軸下拉DIV固定在頭部不動_jquery

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>



*{padding:0;margin:0;}
.ab{ width:100%;背景顏色：#eee；高度：250px；文字對齊：居中；行高：250px;}
.bc{ 寬度：100%;背景顏色：#eee；文字對齊：居中；文字對齊：居中；顏色：#fff；字體大小：24px；背景顏色:#060;}
.pf{寬度:100%;高度：50px；背景顏色：#C00；文字對齊：居中；行高：50px；color:#fff;}

/*----------- -------------浮動導覽-------------- --------------*/
html{ _background-image:url(about:blank); _background-attachment:fixed;/**防止 ie6 抖動 **/}
.float{ 位置:fixed; z 索引：999999；上：0px;}
* html .float{ 位置：絕對; _top:表達式(documentElement.scrollTop-0);}
;

頭>

第一版塊

;

漂浮內容

;

window.onscroll=function(){
if ($(document).scrollTop() > 250)
{
//$("#pf_nav").show();
$ (".pf").addClass('float');
}else{
//$("#pf_nav").hide();
$(".pf").removeClass( 'float');
}
}
腳本>

for(i=0;idocument.write(i "
");
}
腳本>

身體>