То, чего я пытаюсь добиться, это в основном иметь код, который будет изменяться (перемещаться по странице) в зависимости от части окна, которое в данный момент просматривается.
Сценарий:
- фактическая высота страницы: 2000 пикселей
- фактическая высота экрана (ПК, ноутбук независимо от): 800 пикселей
- 1 изображение размером 600 пикселей
- 3 div или виртуальные коробки (просто чтобы доказать, что я хочу сделать)
Workflow
Когда вы откроете страницу, вы увидите первую часть страницы с изображением, загруженным в первый div.
Чего я хочу и нужно достичь, так это прокручивать страницу, и фокус будет на втором элементе div (или изображение просто не в фокусе - его больше не будет видно),
изображение будет двигаться (исчезать из первого поля) и появляться во втором, которое в данный момент видно.
Идея может показаться довольно простой, но я не разбираюсь в Javascript.
В идеале ответ должен включать способ загрузки Javascript вместо этого изображения.