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

    });

  • 相关阅读:
    JvisualVM、JMC监控远程服务器
    MVC学习笔记3
    MVC学习笔记2
    菜鸟级appium 必看
    关于redis一些问题记录
    git和github的区别
    VMware快照
    LR创建数据源读取excel
    mysql 5.7.18 源码安装笔记
    IDEA 配置Junit4
  • 原文地址:https://www.cnblogs.com/ylsq/p/5217062.html
Copyright © 2011-2022 走看看