Cursor Parallax Problems

Hello forum dwellers!

I hope someone can help because I’ve been trying to get a simple little bit of parallax movement working on one of my webpages but I can’t, for the life of me, get it to work.

I’m following @PixelGeek’s tutorial here:

But for some reason it just doesn’t want to work for me, can anyone see what I’m doing wrong?

Link to the page

Link to the site

Hey, @Olliepop

From what I see, you have content, which fit 100vh, so it always will fit the browser window height. With this setting there will be NO scrolling, so no chance to see any parallax effect

Also, maybe this post can help you with applying simple parallax effect:


Thanks for your reply @sabanna but the div with the 100VH property isn’t what I’m trying to apply the parallax effect to and I’ve even tried removing all other objects on the page to try and get it to work but no luck.

I love the codeless parallax effects you’ve achieved, I’ll definitely have to give those a try with future projects.

Unfortunately, they don’t help me with my problem as I want the parallax effect to react to cursor movement as seen here: parallax.js