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");
         }
        
      });

    });

  • 相关阅读:
    THINKPHP导入全部post参数
    thinkphp 表单一些
    随机唯一不重复
    TP关联模型
    PHP函数之类
    MSSQLid清零
    httpwebrequest异步参考
    反射
    UrlOper
    工作周记
  • 原文地址:https://www.cnblogs.com/ylsq/p/5217062.html
Copyright © 2011-2022 走看看