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

Как добавить класс к блоку если блок находится в области видимости браузера?

есть svg блоки нужно добавить к ним класс если он находится в области видимости браузера?
как это реализовать?
  • Вопрос задан
  • 66 просмотров
1 комментарий
Подписаться 2 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
bart00794
@bart00794
получить координаты элемента https://learn.javascript.ru/coordinates
Далее через window.onscroll сравниваем, входит ли элемент в видимость области браузера и накидываем класс,
при промотке класс можно снова убирать.
Простейший пример https://ru.js.cx/task/avatar-above-scroll/solution/
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 80 000 до 120 000 ₽
Ещё вакансии