Прокрутка jQuery затем исправлена ​​

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

У вас была замеченная капитализация, а также вы не включили jQuery в свой JSFiddle. Вот обновленный JSFiddle. http://jsfiddle.net/tb2ume6v/1/

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

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