首页 > 其他 > 详细

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

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

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

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

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

(1)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!