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

});