jQuery scroll then fixed

Question

페이지 하단 (position:absolute;bottom:0px;)에 메뉴로드를 고정하려고하지만 사용자가 스크롤하면 상단에 고정 (position:fixed;top:0px;)하고 싶습니다.

여기 내 jQuery를 수 있습니다 :

var main = function(){ 
    var menu = $('#menu') 

    $(document).scroll(function(){ 
     if ($(this).scrollTop() >= $(window).height() - menu.height()){ 
      menu.removeclass('bottom').addclass('top') 
     } else { 
      menu.removeclass('top').addclass('bottom') 
     } 
    }) 
} 
$(document).ready(main); 

을 그리고 여기 내 JSFiddle

내가 성공적으로 상위 클래스를 추가 할 수 못하고있다.

아이디어가 있으십니까? 고맙습니다!

Answer 1

JSFiddle에 jQuery를 포함하지 않았을뿐만 아니라 대문자가 섞여 있습니다. 다음은 업데이트 된 JSFiddle입니다. http://jsfiddle.net/tb2ume6v/1/

Answer 2

또한 문장을 종료해야하며 첫 번째 jsfiddle에는 js 라이브러리로드가 없습니다.

var main = function(){ 
    var menu = $('#menu'); 

    $(document).scroll(function(){ 
     if ($(this).scrollTop() >= $(window).height() - menu.height()){ 
     menu.removeClass('bottom').addClass('top'); 
     } else { 
     menu.removeClass('top').addClass('bottom'); 
     } 
    }); 
}; 
$(document).ready(main);