pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

JS+CSS實現(xiàn)網(wǎng)站側(cè)邊欄跟隨瀏覽器滾動條

CSS部分: /*側(cè)欄跟隨*/ #box{float:left; position:relative;width:310px;} .div1{width:310px;} .div2{position:fixed;_position:absolute;top:0;z-index:310;} 注:width:310px;可以隨意修改尺寸。 body部分: div id=box div id=flo

CSS部分:
/*側(cè)欄跟隨*/
#box{float:left; position:relative;width:310px;}
.div1{width:310px;}
.div2{position:fixed;_position:absolute;top:0;z-index:310;}
注:width:310px;可以隨意修改尺寸。

body部分:
<div id=”box” >
<div id=”float” class=”div1″>
這里是你跟隨瀏覽器滾動的內(nèi)容
</div>
</div>

JS部分:

//側(cè)欄跟隨
(function(){

var oDiv=document.getElementById(“float”);
var H=0,iE6;
var Y=oDiv;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
iE6=window.ActiveXObject&&!window.XMLHttpRequest;
if(!iE6){
window.onscroll=function()
{
var s=document.body.scrollTop||document.documentElement.scrollTop;
if(s>H){oDiv.className=”div1 div2″;if(iE6){oDiv.style.top=(s-H)+”px”;}}
else{oDiv.className=”div1″;}
};
}

})();

注:將這段JS代碼放入你網(wǎng)站的任意JS文件里。

【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。
主站蜘蛛池模板: 尚为传动-专业高精密蜗轮蜗杆,双导程蜗轮蜗杆,蜗轮蜗杆减速机,蜗杆减速机生产厂家 | 仿古建筑设计-仿古建筑施工-仿古建筑公司-汉匠古建筑设计院 | 杭州代理记账费用-公司注销需要多久-公司变更监事_杭州福道财务管理咨询有限公司 | 轴流风机-鼓风机-离心风机-散热风扇-罩极电机,生产厂家-首肯电子 | 磁力反应釜,高压釜,实验室反应釜,高温高压反应釜-威海自控反应釜有限公司 | 制冷采购电子商务平台——制冷大市场 | 齿轮减速电机一体机_蜗轮蜗杆减速马达-德国BOSERL齿轮减速机带电机生产厂家 | 注浆压力变送器-高温熔体传感器-矿用压力传感器|ZHYQ朝辉 | 游泳池设计|设备|配件|药品|吸污机-东莞市太平洋康体设施有限公司 | 郑州律师咨询-郑州律师事务所_河南锦盾律师事务所 | 隧道风机_DWEX边墙风机_SDS射流风机-绍兴市上虞科瑞风机有限公司 | 实验室隔膜泵-无油防腐蚀隔膜泵-耐腐蚀隔膜真空泵-杭州景程仪器 电杆荷载挠度测试仪-电杆荷载位移-管桩测试仪-北京绿野创能机电设备有限公司 | 酒糟烘干机-豆渣烘干机-薯渣烘干机-糟渣烘干设备厂家-焦作市真节能环保设备科技有限公司 | 永嘉县奥阳陶瓷阀门有限公司| 通风天窗,通风气楼,屋顶通风天窗,屋顶通风天窗公司 | 吊篮式|移动式冷热冲击试验箱-二槽冷热冲击试验箱-广东科宝 | 微妙网,专业的动画师、特效师、CG模型设计师网站! - wmiao.com 超声波电磁流量计-液位计-孔板流量计-料位计-江苏信仪自动化仪表有限公司 | 智能汉显全自动量热仪_微机全自动胶质层指数测定仪-鹤壁市科达仪器仪表有限公司 | 磁棒电感生产厂家-电感器厂家-电感定制-贴片功率电感供应商-棒形电感生产厂家-苏州谷景电子有限公司 | 缓蚀除垢剂_循环水阻垢剂_反渗透锅炉阻垢剂_有机硫化物-郑州威大水处理材料有限公司 | 滑板场地施工_极限运动场地设计_滑板公园建造_盐城天人极限运动场地建设有限公司 | 无锡网站建设-做网站-建网站-网页设计制作-阿凡达建站公司 | 直流大电流电源,燃料电池检漏设备-上海政飞 | 南昌旅行社_南昌国际旅行社_南昌国旅在线| 风化石头制砂机_方解石制砂机_瓷砖石子制砂机_华盛铭厂家 | 空心明胶胶囊|植物胶囊|清真胶囊|浙江绿键胶囊有限公司欢迎您! | 深圳宣传片制作_产品视频制作_深圳3D动画制作公司_深圳短视频拍摄-深圳市西典映画传媒有限公司 | 【铜排折弯机,钢丝折弯成型机,汽车发泡钢丝折弯机,线材折弯机厂家,线材成型机,铁线折弯机】贝朗折弯机厂家_东莞市贝朗自动化设备有限公司 | 丁基胶边来料加工,医用活塞边角料加工,异戊二烯橡胶边来料加工-河北盛唐橡胶制品有限公司 | 艾乐贝拉细胞研究中心 | 国家组织工程种子细胞库华南分库 | 分子精馏/精馏设备生产厂家-分子蒸馏工艺实验-新诺舜尧(天津)化工设备有限公司 | 耐酸泵,耐酸泵厂家-淄博华舜耐腐蚀真空泵| 污水处理设备,一体化泵站,一体化净水设备-「梦之洁环保设备厂家」 | 行星搅拌机,双行星搅拌机,动力混合机,无锡米克斯行星搅拌机生产厂家 | 半容积式换热器_北京浮动盘管换热器厂家|北京亿丰上达 | 碳化硅,氮化硅,冰晶石,绢云母,氟化铝,白刚玉,棕刚玉,石墨,铝粉,铁粉,金属硅粉,金属铝粉,氧化铝粉,硅微粉,蓝晶石,红柱石,莫来石,粉煤灰,三聚磷酸钠,六偏磷酸钠,硫酸镁-皓泉新材料 | SMN-1/SMN-A ABB抽屉开关柜触头夹紧力检测仪-SMN-B/SMN-C-上海徐吉 | 不锈钢钢格栅板_热浸锌钢格板_镀锌钢格栅板_钢格栅盖板-格美瑞 | 上海瑶恒实业有限公司|消防泵泵|离心泵|官网 | 船用烟火信号弹-CCS防汛救生圈-船用救生抛绳器(海威救生设备) | IPO咨询公司-IPO上市服务-细分市场研究-龙马咨询|