码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标下滑到一定的高度时二级导航条固定在顶部

时间:2017-09-17 16:31:01      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:on()   remove   鼠标   导航条   keyword   cti   mil   top   position   

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

鼠标下滑到一定的高度时二级导航条固定在顶部

标签:on()   remove   鼠标   导航条   keyword   cti   mil   top   position   

原文地址:http://www.cnblogs.com/karry990921/p/7535864.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!