用户名:  密码:   
您当前的位置:首页 > 

始终保持在页面顶部的滚动条原理

上次修改时间: 2016-04-14 16:26:24      来源:网络总结      作者:钢铁长陈
上一页      路径:DSD\Learn\javascript,ajax,jquery,dom\jQuery教程\topgundongtiao\      下一页

用JQ制作始终保持在页面顶部的滚动条

一、原理,
1. 把滚动条要显示的内容放在一个id="fd"的div中,nav.js中写入代码来控制这个div的滚动
2. 在nav_002.js文件文件调用JQ本身的$.fn添加了一个smartFloat方法,在这个方法中写入JQ代码来控制div的滚动
3. 在nav_002.js文件最后用:$("#fd").smartFloat(); 来把这个方法应该id="fd"的div上

二、一些设置,主要是设置滚动条距页面顶部的位置,不要挡住logo和导航栏
1. 控制Div与页面顶部的绝对位置,在div中加入top属性,例:
<div style="position: fixed; top: 176px; left: 0px;" class="lxzFc" id="fd">

2. 控制div与面面项部的相对位置,nav_002.js,改其top: "0px",的属性值

lxz.css中仅部分代码有用