您好，欢迎来到醉满楼美食网。
科技 教育 生活 旅游 时尚 美容 美食 健康 体育 游戏 汽车 家电
搜索
您的当前位置：首页jquery实现固定顶部导航效果(仿蘑菇街)_jquery

jquery实现固定顶部导航效果(仿蘑菇街)_jquery

来源：醉满楼美食网


代码如下:




无标题文档


$(document).ready(function(){
var headHeight=$(".header").height()+10;
var nav=$(".nav");
$(window).scroll(function(){
if($(this).scrollTop()>headHeight){
nav.addClass("navFix");
}
else{
nav.removeClass("navFix");
}
})
})





导航固定在页面顶部测试





  • 首页

  • 蓝枫前端

  • 蓝枫前端

  • 蓝枫前端

  • 蓝枫前端

  • 蓝枫前端

  • 蓝枫前端

  • 蓝枫前端




    • 11111


    11111


    11111

    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111


    11111





    Copyright © 2019- zuimanlou.com 版权所有

    违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务