zoukankan      html  css  js  c++  java
  • 顶部导航--向上滚动的时候出现,向下滚动的时候隐藏

    顶部固定导航,,向上滚动的时候显示,,向下滚动的时候隐藏。类似新浪详细页效果...

    <script type="text/javascript">
        var Top = 92;
        $(window).scroll(function(){
            var t = $(window).scrollTop();
        
            if(!($.browser.msie && $.browser.version == "6.0")){
                if(t<Top){
                    Top = t ;  
                    $("#topNav").css('position','fixed');
                }else{
                    Top = t;
                    $("#topNav").css('position','static');
                }    
            }
        });
    </script>
    <body>
    <div class="topNav" id="topNav" style="height:35px; background:#f00; top:0; left:0; 100%;"></div>
    <div class="main" style="1000px; height:2000px; background:#000; margin:0 auto;">
        1111
    </div>

  • 相关阅读:
    new、delete和malloc、free
    重写与重载
    面向对象三个基本特征
    Js零散知识点笔记
    ES6 笔记
    js 单例模式笔记
    关于闭包的见解
    DOM笔记
    浏览器差异
    JS高级程序设计 笔记
  • 原文地址:https://www.cnblogs.com/ilovexiaoming/p/3209665.html
Copyright © 2011-2022 走看看