При скролле на определенной высоте изменить стили объекта?

Question

[Чёкатилло]

А при скролле вверх до того же заданного участка высоты, где изменялись стили, возвращать объекту изначально заданные стили в css В общем, задавать стили при скролле вниз, а при скролле вверх аннулировать изменения заданные скриптом

Как сотворить сие чудо?
Спасибо

Answer 1

[Антон Сухинин]

Как-то так:
window.onscroll = function() {
if ($(document).scrollTop() > 400){
$('.block').css({'height': '100px'} )
}else{
$('.block').css({'height': '500px'})
};
}

Comments

[Максим]

вроде бы не возвращается в исходное состояние : codepen.io/Geyan/pen/jrXkxP

[Антон Сухинин]

Цифры брал наугад. Так лучше видно: codepen.io/anon/pen/BLvYOX

[Антон Сухинин]

Можно добавить несколько свойств codepen.io/anon/pen/BLvYOX

Answer 2

[Alex Titakoff]

window.onscroll = отловить значение скролла.
if значение скролла больше "заданного участка высоты", то один стиль нужному эл-ту
else другой стиль