im trying to work with parallax.js but its not working regularly. My parallax div is not moving when im scrolling. I cant find the where the problem is. Here's the link im trying to work with. parallax.html
This is not an answer, but a lengthy comment with some suggestions to try.
Yeah, your parallax is not parallaxing... However, here are some things to try:
(1) Add a new DIV immediately under body:
<div style="height:200px;width:100%;background:white;"> </div>
(2) Add this style to your parallax div:
<div style="background:white;" class="parallax-window" data-parallax="scroll" data-image-src="http://pixelcog.github.io/parallax.js/img/helix-nebula-1400x1400.jpg"></div>
That will help with the "window" effect, but I'm not sure why the parallax effect (slower scroll speed inside window) not working.
Of course, you can use external styling, I only used inline styling for purpose of demonstration
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.