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

});

转载于:https://www.cnblogs.com/ylsq/p/5217062.html