Окно прокрутки для обнаружения анимации нижнего колонтитула

Question

Я пытаюсь поднять нижний колонтитул, когда пользователь прокручивает вниз, а затем анимирует, когда пользователь прокручивает вверх.

Мой код, похоже, работает для нижнего колонтитула для анимации при прокрутке вниз, но не при возврате к вершине.

Кроме того, я пытаюсь настроить его на анимацию, как только вы прокрутите 400 пикселей вниз, но по какой-то причине оживление происходит в тот момент, когда вы прокручиваете.

$(function(){ 
    $(window).scroll(function(){ 
    if ($(window).scrollTop()<400){ 
     $("#footer").animate({"bottom" : "0px"}, 3000); 
    }else if($(window).scrollTop()>400){ 
     $("#footer").animate({"bottom" : "-150px"}, 1500); 
    } 
    }); 
}); 

Вся помощь приветствуется.

Answer 1

В своем коде вы говорите

$(window).scroll(function(){ 
    if ($(window).scrollTop()<400){ 
     $("#footer").animate({"bottom" : "0px"}, 3000); 

По вашему комментарию выше Opx показывает колонтитула. Таким образом, это означает, что нижний колонтитул будет анимироваться, как только пользователь начнет прокручивать, а прокрутки на расстояние меньше 400 пикселей. Который: первый момент, когда вы начинаете прокручивать. Вот почему нижний колонтитул показан в первый момент, когда вы прокручиваете. Я думаю, вам нужно это сделать:

$(function(){ 
    $(window).scroll(function(){ 
    if ($(window).scrollTop()<400){ 
     $("#footer").stop().animate({"bottom" : "-150px"}, 3000); 
    }else { 
     $("#footer").stop().animate({"bottom" : "0px"}, 1500); 
    } 
    }); 
});