zoukankan      html  css  js  c++  java
  • js实现页面滚动显示和隐藏顶端固定导航

    $(function(){
      //下面我们需要开发用户滚动时,当滚动向下一定距离,展示这个隐藏的顶端固定导航
      
      $(window).scroll(function(){
        //在window的滚动回调方法中,我们处理具体逻辑
          var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 
        /* 以上代码获取滚动后,离顶端距离,这里使用两个值是为了兼容不同浏览器及其不同doctype定义 */
        
         if(scrollTop > 100){
            /*当滚动超过100px*/
            $('#fixmenu').fadeIn("slow");
         }else{
            $('#fixmenu').fadeOut("slow");
         }
        
      });
    
    });
    

    $(function(){
      //下面我们需要开发用户滚动时,当滚动向下一定距离,展示这个隐藏的顶端固定导航
     
      $(window).scroll(function(){
        //在window的滚动回调方法中,我们处理具体逻辑
          var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        /* 以上代码获取滚动后,离顶端距离,这里使用两个值是为了兼容不同浏览器及其不同doctype定义 */
        
         if(scrollTop > 100){
            /*当滚动超过100px*/
            $('#fixmenu').fadeIn("slow");
         }else{
            $('#fixmenu').fadeOut("slow");
         }
        
      });

    });

  • 相关阅读:
    【HDOJ】2267 How Many People Can Survive
    【HDOJ】2268 How To Use The Car
    【HDOJ】2266 How Many Equations Can You Find
    【POJ】2278 DNA Sequence
    【ZOJ】3430 Detect the Virus
    【HDOJ】2896 病毒侵袭
    求奇数的乘积
    平方和与立方和
    求数列的和
    水仙花数
  • 原文地址:https://www.cnblogs.com/ylsq/p/5217062.html
Copyright © 2011-2022 走看看