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

    });

  • 相关阅读:
    Mac电脑上的软件以及作用整理
    sed命令在mac和linux下的区别
    gin框架开启web跨域
    Mac下输入特殊字符的总结
    4月4悼念日 多数app 或者网站变成灰色的实现效果
    Mqtt 客户端多主题订阅
    paho.mqtt.golang--option.go 源码解析
    MQTT服务器(Broker)
    asdine/storm学习笔记
    vuex基本使用教程
  • 原文地址:https://www.cnblogs.com/ylsq/p/5217062.html
Copyright © 2020-2023  润新知