zoukankan      html  css  js  c++  java
  • 浮动导航

    //初始化全局变量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);
            }
        });
    }
  • 相关阅读:
    在ACCESS中LIKE的用法
    pip 在windows下的更新升级
    NAS、SAN、DAS 说明
    RAID 工作模式
    Linux mail 邮件发送
    Linux 邮件服务搭建
    HA 脑裂原理
    Tomcat 工作原理
    Nagios 工作原理
    Nginx 工作原理
  • 原文地址:https://www.cnblogs.com/katherine-web/p/4921048.html
Copyright © 2011-2022 走看看