@assdfgxcv

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

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

5da9a9ea4119f145229075.jpeg
  • Вопрос задан
  • 575 просмотров
Решения вопроса 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 проходишься циклом по всем элементам.
Убираешь у всех уникальный класс.
Элементу, что по координатам в центре добавляешь уникальный класс.

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

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

Войти через центр авторизации
Похожие вопросы