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

浮动导航

时间:2015-10-29 17:49:50      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:

//初始化全局变量GLOBAL.onscrollY.thisy【滚动的高度】
GLOBAL.namespace(‘onscrollY‘); 
GLOBAL.onscrollY.thisy=0;

$(window).resize(function(){
    GLOBAL.onscrollY.thisy = (document.body.scrollTop||document.documentElement.scrollTop);
});
$(window).scroll(function(){
    GLOBAL.onscrollY.thisy = (document.body.scrollTop||document.documentElement.scrollTop);
});
//【floatMenu】超过【Gover】时增加类【onFloat】——可用于浮动导航 

//实例调用 onFixed(‘.floatMenu‘,‘#Gover‘,‘onFloat‘);



function onFixed(floatMenu,Gover,onClass){
    this.floatMenu=$(floatMenu);
    this.Gover=$(Gover);
    this.onClass=onClass;
    $(window).scroll(function(){
        if( GLOBAL.onscrollY.thisy >this.Gover.offset().top ){    
            this.floatMenu.addClass(this.onClass);
        }else{
            this.floatMenu.removeClass(this.onClass);
        }
    });
}

 

浮动导航

标签:

原文地址:http://www.cnblogs.com/katherine-web/p/4921048.html

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