100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jquery简单实现滚动条下拉DIV固定在头部不动【jquery】

jquery简单实现滚动条下拉DIV固定在头部不动【jquery】

时间:2019-08-19 15:48:28

相关推荐

jquery简单实现滚动条下拉DIV固定在头部不动【jquery】

web前端|js教程

滚动条,下拉,DIV固定

web前端-js教程

时尚新源码,Ubuntu更换配置源,服务器上更换tomcat版本,爬虫滑动验证识别,如何给php表格背景添加颜色,seo那些事儿lzw

滚动条下拉DIV固定在头部不动

*{padding:0;margin:0;}

.ab{ width:100%; background-color:#eee; height:250px; text-align:center; line-height:250px;}

.bc{ width:100%; background-color:#eee; text-align:center; text-align:center; color:#fff; font-size:24px; background-color:#060;}

.pf{ width:100%; height:50px; background-color:#C00; text-align:center; line-height:50px; color:#fff;}

/*---------------------漂浮导航---------------------------*/

html{ _background-image:url(about:blank); _background-attachment:fixed;/** 防止 ie6 抖动 **/}

.float{ position:fixed; z-index:999999; top:0px;}

* html .float{ position:absolute; _top:expression(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;i<50;i++){

document.write(i+"

");

}

wordpress 广告源码,ubuntu 编译源码包,python 爬虫啥意思,php $data,德州seo策略lzw

领券联盟源码,Ubuntu切换ip地址,小型宠物小爬虫,PHP电子公告牌管理系统效果图,宣城seo价格lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。