Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
birdperson
@birdperson
JavaScript
HTML
CSS
Как реализовать такой scroll страницы со сменой фона?
Доброго времени суток.
Помогите реализовать такой scroll страницы со сменой фона -
https://lingualeo.com/ru
Вопрос задан
более трёх лет назад
312 просмотров
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
DTX
@DirecTwiX
Какие попытки были предприняты?
Написано
более трёх лет назад
Решения вопроса
2
Stalker_RED
@Stalker_RED
Например так:
https://jsfiddle.net/kvw9ov3w/
Только throttle/debounce еще добавить, чтоб не прокручивало два блока сразу при любом неосторожном движении.
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
Павел Корнилов
@KorniloFF
Куратор тега JavaScript
Классно, даже лучше, чем в оригинале по ссылке у ТС. Этот вариант легко скроллится зажатым колесом, а там - нет.
Написано
более трёх лет назад
Stalker_RED
@Stalker_RED
KorniloFF
, да, по хорошему надо бы добавить реакцию не только на колесо, а на скролл вообще, чтоб цвета хоть менять.
Написано
более трёх лет назад
birdperson
@birdperson
Автор вопроса
Оо, спасибо
Написано
более трёх лет назад
roswell
@roswell
и швец, и жнец, и на дуде игрец
ScrollSpy
и
Color Animation
.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
19 минут назад
11 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
7 часов назад
64 просмотра
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
вчера
71 просмотр
1
ответ
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
вчера
306 просмотров
1
ответ
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
вчера
102 просмотра
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
69 просмотров
1
ответ
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
20 авг.
79 просмотров
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
20 авг.
77 просмотров
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
155 просмотров
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
163 просмотра
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама