Возвращайте изображения в нормальное состояние, когда пользователь снова прокручивает вверх ⇐ Jquery

[Anonymous]

У меня есть два статических (html позиция: фиксированная;) изображения по краям экрана (справа и слева). Когда пользователи прокручивают более чем на 100 пикселей сверху, эти края убираются на 50 пикселей.
Я хочу, чтобы они снова появлялись (снова нормально, как было в начале), когда пользователи прокручивают страницу вверх. Я попытался добавить логическое значение, которое истинно, когда они убираются, и добавил его в условие, когда им нужно снова появиться. Но это не работает. Почему?

Код: Выделить всё

userHasScrolled = false;

$(document).ready(function(){
$(window).scroll(function(){
if ($(window).scrollTop() > 100) {
$(".rightstatic").animate({marginRight:'-50px'}, 900);
$(".leftstatic").animate({marginLeft:'-50px'}, 900);
userHasScrolled = true;
}
});
});

if($(window).scrollTop()  100) {
$(".rightstatic").animate({marginRight:'-20px'}, 900);
$(".leftstatic").animate({marginLeft:'-20px'}, 900);
} else if($(window).scrollTop() 

Подробнее здесь: [url]https://stackoverflow.com/questions/49541782/return-images-back-to-normal-when-user-scrolls-to-top-again[/url]