JQuery - Когда страница не находится наверху, измените цвет фона div

Итак, у меня есть div, который является белым фоном при загрузке страницы, однако я хочу, чтобы он менял цвет, когда страница прокручивается, но возвращается к белому, если страница возвращается в начало.

Я только начинаю с jQuery, поэтому очень ценю вашу помощь здесь :)

1 ответ

Вы хотите начать с прослушивания события " прокрутка " window. Затем вы хотите проверить window " scrollTop ", чтобы определить, находится ли оно вверху. Наконец, вы можете изменить цвет фона страницы с помощью команды css.

Вот пример (полностью не проверенный), который должен дать вам представление:

$(window).scroll(function() {
 if ($(window).scrollTop() == 0) {
 $(document.body).css('backgroundColor', 'red');
 } else {
 $(document.body).css('backgroundColor', 'white');
 }
});

licensed under cc by-sa 3.0 with attribution.