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

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

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

5da9a9ea4119f145229075.jpeg
  • Вопрос задан
  • 654 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 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 проходишься циклом по всем элементам.
Убираешь у всех уникальный класс.
Элементу, что по координатам в центре добавляешь уникальный класс.

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

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

Похожие вопросы