Как скрыть зафиксированое меню при прокрутки странице до конца
На сайте есть зафиксированое меню которое появляеться в определенный момент вот скрипт:
$(window).scroll(function(){
if ( $(this).scrollTop() > 935 && $menu.hasClass("default") ){
$menu.fadeOut('fast',function(){
$(this).removeClass("default")
.addClass("fixed")
.fadeIn('fast');
});
} else if($(this).scrollTop() <= 935 && $menu.hasClass("fixed")) {
$menu.fadeOut('fast',function(){
$(this).removeClass("fixed")
.addClass("default")
.fadeIn('fast');
});
}
});//scroll
Нужно чтоб когда пользователь прокрутил страницу до конца это фиксированное меню пропадало (скорее всего менялся клас на default)?В идеале чтоб меню проподало в определенном месте в конце страницы ( 30px от нижней границы страницы)...
Пробовал при помощи scrollBottom прописать условие типа:
if($(this).scrollBottom() == 0 && $menu.hasClass("fixed")) {
$menu.fadeOut('fast',function(){
$(this).removeClass("fixed")
.addClass("default")
.fadeIn('fast');
});
Но не работает, подскажите как сделать.
|