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

});