Как заставить текст перемещаться вертикально при прокрутке [HTML, CSS, JavaScript] ⇐ CSS

[Anonymous]

Я не хочу, чтобы текст h1 перемещался вверх по вертикали при одновременной прокрутке, размер шрифта будет меняться с 300 на 50. У меня работает вторая часть (изменение размера) кода, но я не могу понять, как чтобы текст перемещался вертикально вверх при прокрутке.

const text = document.querySelector('h1'); window.addEventListener('scroll', () => { константный ток = window.scrollY; константный maxFontSize = 300; константный minFontSize = 50; const fontSize = Math.max(minFontSize, maxFontSize - текущий); text.style.fontSize = `${fontSize}px`; }); * { маржа: 0; заполнение: 0; размер коробки: граница-коробка; } тело { цвет фона: черный; минимальная высота: 145vh; } ч1 { размер шрифта: 300 пикселей; } .контейнер { цвет: #18408B; выравнивание текста: по центру; положение: фиксированное; верх: 0; слева: 0; ширина: 100%; минимальная высота: 100vh; дисплей: сетка; место-содержание: центр; НБА НБА