2013-06-11 2 views
0

У меня есть право/дно фиксированная навигация подобный этому.добавить класс со списком прокрутки внизу страницы

<div style='position:fixed; bottom:10px; right:10px;'>NAVIGATION</div> 

при прокрутке в нижней части страницы, я хочу добавить класс (снизу: 100 пикселей) к навигации. некоторую помощь :-)

ответ

3

вы могли бы сделать,

$(window).scroll(function() { 
    $("#yourNavigationId").removeClass("some_class"); 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     //you are at bottom 
     $("#yourNavigationId").addClass("some_class"); 
    } 
}); 
+0

Спасибо, Sudhir. как удалить класс при повторном прокрутке вверх? – wcodavid

+0

@wcodavid см. Мой обновленный ответ –

+0

Спасибо, Sudhir! :-) – wcodavid

0

Если вам нужны дополнительные функциональные возможности, есть удивительный плагин называется JQuery Waypoints.

Возможно, вы захотите его проверить.