Parallax Scrolling Effect || HTML, CSS, jQuery

Does this work on mobile?

hey you did great buddy :) but audio quality is little poor
thanks man

I'm happy I found your tutorials :) !!! Great stuff to learn ! More please :)

what a fcking good man, good job (y)..

You were the first parallax tutorial that works for me! thank you very much.

thanks a lot man. This ended a week long headache and anxiety, really appreciate it.

Very cool man! The best parallax tutorial I have found, very simple to understand! But I'm having a litle trouble with the background image. It seems that after making the jquery to work, the body takes some space from the top of the image making it smaller. What can I do to fix the problem ? Thanks!

Thanks for the video. i have a similar content repeating in my section .but scrolltop is taking whole height of the body .so bottom section hides. can i trigger scrolltop for everysection and reset it to 0 after each section?

its awsome sir and btr if u explain the math (how its works in details). thank u . nice share.

Thanks a lot mate!!

hey, how come u r typing css and html codes all in the same page? does it work that way?

it is not responsive...what should i do???

My jQuery isn't working. I've included the same things you did in the video but for some reason it's not doing the function. I'm super new with jQuery, any suggestions?

its laggy :/ even with your code :/

loved it !! thankss..

I consider myself a CSS expert and I still found this useful. Great job!

This tutorial was very useful.

how can i parallax effect on text?

Why is this style a trend? It looks cool though

works great.. Thanks!

Thank you

I cannot seem to get the jQuery part to work. I first tried placing it in a seperate file and linked to it in my html code, but it did not work. Then tried doing this the exact same way as you did by using script tags, but then again it failed to work as it should. What am I doing wrong? I did include the googleapis library (latest version)

its not working for me....
background image is not visible..what could be the problem??i tried lot many times

Thanks man, awesome tutorial. One question, how do I centre the background image?
I'm using this in a responsive site and the image is left aligned when the site is scaled down for smaller displays.

I used CSS - background-position: center; - but im guessing the jQuery - parallaxBg.css('background-position', '0 ' + -currScrollPos/4 + 'px'); - over writes that.

So I tried CSS - background: url(images/web-site.jpg) center; - but no joy. Any ideas? Obviously full wide screen the image is centered like in your video.
Again awesome tutorial thank you!

Hi, I just added this property  background-repeat: no-repeat;  to .parallax-bg because the picture was colliding when the project was opened on the cell phone.  Thanks,

Happy to help :)

Thank you teacher