Complete parallax website tutorial:
Hey YouTube.
It’s Nick Here, felling very happy at this moment just recently hit 500 Subscribers so lets celebrate this moment with short and very exciting tutorial. In this tutorial we are going to take a look on how you can achieve parallax scrolling using java Script this is going to be amazing tutorial as from me but all matters is how you like it.
I love to have your opinion on this tutorial,500 special.
Techno Tut
Nick…
Project File…
https://www.mediafire.com/?uh6av87vi8dy3it
Follow us on twitter:
https://twitter.com/TECHNOTUTWEB
Like us on facebook:
https://www.facebook.com/TECHNO.TUT
Joint Our circle on Google+:
https://plus.google.com/u/0/b/104615068665148886858/104615068665148886858/videos?pageId=104615068665148886858
Original source
37 responses to “Parallax Scrolling using JavaScript”
thanks brother
very useful
How to deal with multiple images , anyone answer pls?
perfect!
i'm beginner web devloper,
i look your vidio and try to my website but cant work in a div ..
please ask me ..thenks
Great tutorial! I've been sifting through convoluted tutorials all day making me download libraries and having poor instructions and this did it with way less lines of code an without me having to include a library. Great job thanks so much!
please do a tutorial on PHP and AJAX.. please
Perfect. Thanks
it doesnt work
i doest work pleeease………..
good work, this it the best tutorial witch example
its a good video i have been searching for one for quiet some time thanks a lot, pls try to be more clear, buy a better microphone maybe ,cheers
works fine for me in chrome, thanks
Thank you verry much bro
Hello, when I scroll with my middle mouse button the image id flickers a lot. It scrolls just fine without flickers if I click and drag the scroll though. How can I resolve this? Thanks a mill.
Thank you friend!
why is there no video of anyone using Windows OS using visual studio code?
are you using Windows OS?
thanks bro thats what i was looking for 👍👍
I would recommend you to use node.js with gulp task like "jade", "stylus"
dude you have the most nasal-clogged sounding voice ever it drives me crazy
How do you save by using index.html?
hey dude…can i use this code in dreamweaver ad will it work?
Dreamweaver has not function, how to do?
Thanks brother……
Great wihout shitty framework.
This work on mobile?
+techno.tut can we apply this effect for a background image…if I have a background image to a div specified in a css background property…so can we apply this effect to it? Please help!
How to make it responsive?
Hi bro, can I use parallax with div tags instead of images?
parallax NOT parallex
Tut is perfect… But getting annoyed with the fake accent…
_!!cant understand..
great video, how do i change it to background-image instead of image
my: pageYOffset;
getElementById
image.style.top
dont collor blue, help
Those who are getting scrolling problem in chrome add this line in your javascript code.
window.addEventListener("mousewheel", parallax);
You can add the same after window.addEventListener("scroll", parallax);
It will work..
Nice video 🙂