Js实现下拉滚动条（导航滚动数值>100的话自动吸附在TOP上）

来源：互联网发布：邦臣小红花知乎编辑：程序博客网时间：2024/05/16 07:34

本人做的实例看 new.51xiudou.com
这是JQ代码

当然记得要引入JQ的 CDN
$(document).ready(function(){
//当滚动条的位置处于距顶部100像素以下时，浮动登录层飘浮 $(function () {$(window).scroll(function(){if ($(window).scrollTop()>100){$(".xd-nav").addClass("float_login_fix");}else{$(".xd-nav").removeClass("float_login_fix");}});});
});
此段代码是JQUERY实现后addClass添加的样式 有透明的
.float_login_fix{
 top:0px;
 POSITION:fixed;/*固定定位*/
 _POSITION: absolute;/*兼容IE6*/
 _top:       expression(eval(document.compatMode &&
 document.compatMode=='CSS1Compat') ?
 documentElement.scrollTop :/*IE6*/
            document.body.scrollTop);/*IE5 IE5.5*/
 z-index:500;
 /*透明*/
 filter:alpha(opacity=80); /* IE */
 -moz-opacity:0.8; /* Moz + FF */
 opacity: 0.8;
}

0 0