超简单的导航栏下拉至一定高度后固定在顶部的特效
JS部分:
$(function(){
var nav=$(“#nav”); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
if(sc.scrollTop()>=100){
nav.addClass(“fixednav”);
$(“.navTmp”).fadeIn();
}else{
nav.removeClass(“fixednav”);
$(“.navTmp”).fadeOut();
}
})
})
CSS部分
.fixednav {
position: fixed !important;
top: 0px;
left: 0px;
width: 100%;
z-index: 1;
}
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。