Задать вопрос
@assdfgxcv

Увеличение и уменьшение блоков при скролле?

Видел давно пример скролла блоков. Не помню где.
там было, примерно тоже самое, что и на скрине. При скролле увеличивается блок по середине, остальные уменьшаются.
если кто-то видел подобное что-то, просьба поделиться ссылкой/кодом.

5da9a9ea4119f145229075.jpeg
  • Вопрос задан
  • 624 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
origami1024
@origami1024
went out for a night walk
Вота на js
let els = document.getElementsByClassName('element')
document.addEventListener("scroll",e=>{
  
  for (let i = 0; i<els.length; i++) {
    if ((els[i].getBoundingClientRect().top>390) & (els[i].getBoundingClientRect().top<460)) {
        els[i].classList.add('bigusElementus')
    } else els[i].classList.remove('bigusElementus')
  }
})

На событии scroll проходишься циклом по всем элементам.
Убираешь у всех уникальный класс.
Элементу, что по координатам в центре добавляешь уникальный класс.

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
div. Ставрополь
от 40 000 до 90 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽
18 дек. 2024, в 16:42
2000 руб./за проект
18 дек. 2024, в 16:33
2000 руб./в час
18 дек. 2024, в 16:06
5000 руб./за проект