Как сделать так, чтобы звезда падала только при скролле страницы?

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

1. Сначала вам нужно создать элемент, представляющий звезду. Например, это может быть элемент div или img с изображением звезды. Задайте для этого элемента CSS-стили, определяющие его начальное положение, размер, цвет и другие свойства.

2. Далее, вы можете использовать функцию window.addEventListener('scroll', callback), чтобы отслеживать событие скролла страницы. В функции обработчике события вы можете изменять позицию верхнего положения элемента звезды (например, прибавлять к его отступу от верхнего края страницы некоторое значение).

Пример реализации:

// Создаем элемент звезды
const star = document.createElement('div');
star.classList.add('star');
document.body.appendChild(star);

// Отслеживаем событие скролла страницы
window.addEventListener('scroll', () => {
  // Вычисляем новую позицию звезды
  const newPosition = window.scrollY + window.innerHeight;
  
  // Применяем новую позицию к элементу звезды
  star.style.top = newPosition + 'px';
});

3. Не забудьте также настроить CSS стили для элемента звезды, чтобы он выглядел как звезда и корректно отображался на странице.

Этот пример позволяет звезде "падать" вниз при прокрутке страницы, изменяя её верхнее положение относительно окна просмотра. Вы можете доработать этот код, добавив анимацию, вращение или другие эффекты для создания интересного визуального эффекта.