IIIu6ko
@IIIu6ko

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

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

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

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

wScrollDiff = wScrollBefore - wScrollCurrent;

Когда
wScrollBefore   = 0;
wScrollCurrent = window.pageYOffset;

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

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

Гляньте лог в консоли.
  • Вопрос задан
  • 143 просмотра
Решения вопроса 1
IIIu6ko
@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
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
18 июн. 2024, в 07:42
300 руб./в час
18 июн. 2024, в 07:41
300 руб./в час
18 июн. 2024, в 04:32
10000 руб./за проект