@96Nick

Смена картинок при скролле?

Всем привет! Помогите пожалуйста, как можно сделать чтоб при скролле левого контента (включая скролл через скроллбар) менялся активный класс для картинки codepen
  • Вопрос задан
  • 126 просмотров
Решения вопроса 1
RAX7
@RAX7
const boxScroll = document.querySelector('.box__list_scroll');
const boxImgs = document.querySelectorAll('.box__imgs > .box__img');

boxScroll.addEventListener('scroll', event => {
  const sh = event.target.scrollHeight;
  const h = event.target.offsetHeight;
  const y = event.target.scrollTop;
  const len = boxImgs.length;
  const t = y / (sh - h);
  const index = Math.floor((len - 1) * t);
  boxImgs.forEach((img, i) => img.classList.toggle('__active', i === index));
});

Перечитай как правильно использовать БЭМ и не растягивай больше так кошек!
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Rocket Брянск
от 60 000 до 100 000 ₽
24 мая 2024, в 22:43
500 руб./за проект
24 мая 2024, в 22:41
20000 руб./за проект
24 мая 2024, в 21:42
245000 руб./за проект