- 12, May 2024
- #1
За последние два дня я пытался понять, как создать веб-сайт с прокруткой параллакса, по крайней мере, 6 часов, и я просто не могу понять, почему мой код не будет работать.
Я перепробовал очень много разных вещей, чтобы на моем сайте была параллаксная прокрутка.
Наконец, после такого большого разочарования, я просто решил ТОЧНО скопировать то, что мне посоветовали сделать в руководстве YouTube, и это все равно.
не будет.
работать.
Я буду глубоко признателен, если кто-нибудь поможет мне понять, почему мой код не будет работать так, как мне хотелось бы. Учебник YouTube, который я скопировал, был: Вот мой код html/JavaScript: ///////////////////////////////////////////// Код (разметка): //////////////////////////////////////////////// Вот мой CSS: ////////////////////////////////////////
Я перепробовал очень много разных вещей, чтобы на моем сайте была параллаксная прокрутка.
Наконец, после такого большого разочарования, я просто решил ТОЧНО скопировать то, что мне посоветовали сделать в руководстве YouTube, и это все равно.
не будет.
работать.
Я буду глубоко признателен, если кто-нибудь поможет мне понять, почему мой код не будет работать так, как мне хотелось бы. Учебник YouTube, который я скопировал, был: Вот мой код html/JavaScript: ///////////////////////////////////////////// Код (разметка): //////////////////////////////////////////////// Вот мой CSS: ////////////////////////////////////////
<!DOCTYPE html> <html> <head> <title>Parallax</title> <script> var ypos,image; function parallex() { ypos = window.pageYOffset; image = document.getElementById('image'); image.style.margin-top = ypos*.5 + 'px'; } window.addEventListener('scroll', parallex); </script> <link rel="stylesheet" type="text/css" href="parallaxstyle.css"> </head> <body> <img id="image" src="image2.jpg" height: "710px" width="100%"; /> <div id="content"></div> </body> </html>
