Как можно динамически менять Title на странице силами JS?

Question

Есть такая задача: когда происходит некоторое событие (скролл страницы), необходимо менять title. Мне нужно, чтобы происходила такая магия: я скроллю страничку (соответственно, координата Y будет меняться) и при этом, при смене координаты, я хочу чтобы менялся и тайтл. Возможно ли это сделать каким-либо известным науке способом?

Я пытался использовать конструкцию вида

document.title = window.scrollY;

Но она отрабатывает корректно только когда я использую таймаут: загружаю страницу, скроллю её (скроллю руками), жду одну секунду, меняю тайтл.

function setNewTitle() {
  document.title = window.scrollY;
}

setTimeout(setNewTitle, 1000);

Мне, по сути, нужно сделать то же самое, только без таймаута. Идеальный вариант - скроллим, координата сразу меняется, тайтл сразу меняется.

Answer 1

document.onscroll = () => {
    document.title = window.scrollY;
    output.innerText = window.scrollY;
}

body {
    height: 1000vh;
}

p {
    position: fixed;
    top: 0;
}

<p>Scroll Y: <b id="output"></b></p>

БЛОГ НА HUSL

Как можно динамически менять Title на странице силами JS?

Ответы (1 шт):