@sunnyrio

Как изменять текст при прокрутке при достижении определённых точек?

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

5c5af9047071b943846048.png
  • Вопрос задан
  • 104 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
например

UPD. Вынесено из комментариев:

а где в верстке у тебя эти точки указаны?

В качестве "точек" используются границы элементов. Но можно их и явно указать, сложив значения в массив:

const points = [
  { max:      200, text:  'hello, world!!' },
  { max:      800, text:  'fuck the world' },
  { max: Infinity, text: 'fuck everything' },
];

window.addEventListener('scroll', function() {
  const
    scroll = document.documentElement.scrollTop,
    { text } = points.find(n => n.max >= scroll);

  document.querySelector('.fixed').textContent = text;
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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