首頁 > web前端 > js教程 > jquery簡單實作捲軸下拉DIV固定在頭部不動_jquery

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

WBOY
發布: 2016-05-16 17:12:41
原創
1533 人瀏覽過
複製代碼如下代碼:

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


>
捲軸下拉DIV固定在頭部不動


*{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 "
");
}
腳本>



身體>

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板