Поможете разобраться с Auto-Hide Sticky Header?

Question

[IIIu6ko]

Есть такой скрипт https://jsfiddle.net/8wnx968u/

Сворачивает/разворачивает хедер при скролле..

Интересует как вычисляется переменная wScrollDiff? Почему при скролле вверх она положительная, а при скролле вниз отрицательная?

wScrollDiff = wScrollBefore - wScrollCurrent;

Когда

wScrollBefore   = 0;
wScrollCurrent = window.pageYOffset;

И в конце вот так
wScrollBefore = wScrollCurrent;

При таком раскладе должен всегда 0 быть.

Гляньте лог в консоли.

Comments

[Ankhena]

Она же при скролле запускается? Скролл есть - разница есть.

[IIIu6ko]

Ankhena W: До меня дошло))

Answer 1

[IIIu6ko]

Функция выполняется каждый раз при скролле.

Начало функции:
wScrollBefore = 0
wScrollCurrent = window.pageYOffset (к примеру 1000)
wScrollDiff = wScrollBefore (0) - wScrollCurrent (1000) = -1000
wScrollBefore (0) = wScrollCurrent (1000)
конец функции.

Прокручиваем страницу вниз и wScrollCurrent = 1010

Функции опять начинает выполняться:
wScrollBefore = 1000
wScrollCurrent = window.pageYOffset (1010)
wScrollDiff = wScrollBefore (1000) - wScrollCurrent (1010) = -10
wScrollBefore (1000) = wScrollCurrent (1010)
конец функции.

в итоге wScrollDiff = -10