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

Question

[sunnyrio]

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

Answer 1

[0xD34F]

например

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;
});

Comments

[sunnyrio]

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

[0xD34F]

Дополнил ответ.

[WapSter]

sunnyrio,

document.body.innerHTML += [...Array(10)].map((n, i) => `<div class="section">${i}</div>`).join('');

генерируется, в следующий раз когда задаете такие вопросы, дописывайте сделайте полностью рабочий код для меня под мой макет. Может кто и напишет.

[sunnyrio]

0xD34F, спасибо ребят