I am playing around and trying to build a parallax website - yes, I know they are an annoying fad but I would still like to have a go. So, for inspiration, I have been looking at various examples of good parallax websites and came across this one: https://victoriabeckham.landrover.com/INT.
It has smooth scrolling using the mouse wheel, scrollbar, and anchor links. I have been searching for jQuery plugins that would achieve this effect but can only seem to find ones that use internal page links - anchor or ID's (detailed below) - but, not mouse wheel and scrollbar. There is a good chance that I am searching using the wrong keywords. Does anyone know the correct terminology to find these plugins or know any plugins that would achieve this effect?
On a side note, I am currently learning jQuery and Javascript but am in the very early stages - still trawling through codeacademy and not made it onto any real world code yet. So at the moment I am playing with plugins as a way of learning but hopefully in a few months I can build my own stuff!
Smooth scrolling to anchor tags or ID's:
- http://archive.plugins.jquery.com/project/ScrollTo
- http://jsfiddle.net/9Amdx/7/
- http://arthurclemens.github.com/jquery-page-scroll-plugin/
- http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12
- http://www.designova.net/scrollerbird/
- http://chris-spittles.co.uk/?p=462
- http://joelb.me/scrollpath/ (*courtesy of @DrunkRocketeer)
And, another example of a parallax website using a similar technique for scrolling:
