Задать вопрос
@siroper
javascript

Как правильно использовать скрипт с window scroll?

Здравствуйте. Имеется вот такой скрипт https://jsfiddle.net/14hgL28p/1/
Его задача при скролле каждых 50 пикселей менять активный div.

Проблема состоит в том, что если скроллить плавно - то все ок, а если вот очень быстро - то блоки начинают накладываться друг на друга, не пойму в чем дело... Подскажите, как решить такую проблему?
  • Вопрос задан
  • 105 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript 
$(window).on('scroll', function() {
  const top = $(this).scrollTop();
  const index = [ 50, 100, 150, Infinity ].findIndex(n => n > top);
  $('.int > div').removeClass('active').eq(index).addClass('active');
}).scroll();
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Скопировать верстку, посадить на функционал
20 апр. 2024, в 12:01
20000 руб./за проект
Разработать сайт-визитку на Wordpress
20 апр. 2024, в 11:52
5000 руб./за проект
Написать программу иммитирующую поведение человека для выбора услуг
20 апр. 2024, в 11:21
1000 руб./за проект
Ещё заказы