1. 程式人生 > >鼠標下滑到一定的高度時二級導航條固定在頂部

鼠標下滑到一定的高度時二級導航條固定在頂部

ber width ctu 結構 word Language script scroll idt

css樣式:

.fixednav{

position:fixed;

top:0px;

left:0;

width:100%;

z-index:1;

}

jQuery js結構:

$(function(){

var nav=$(".nav");//獲取當前對象

var win =$(windows);//獲取窗口

var do=$(document);

win.scroll(function(){

if(do.scrollTop()>=100){ nav.addClass("fixednav");

$(".navTmp").fadeIn();

}else{

nav.removeClass("fixednav");

$(".navTmp").fadeOut(); } })

})

//nav改成自定義的導航的class

鼠標下滑到一定的高度時二級導航條固定在頂部