Smooth page scrolling with the mouse wheel and scroll bar

Question

I play and try to create a parallax site - yes, I know that they are annoying quirks, but I would love to go anyway. So, for inspiration, I looked at various examples of good parallax sites and came across this: https://victoriabeckham.landrover.com/INT .

It has smooth scrolling with the mouse wheel, scroll bar and anchor links. I was looking for jQuery plugins that could achieve this effect, but it might seem that they will only find those that use internal page links - an anchor or identifier (see below for more details), but not the mouse wheel and scroll bar. There is a good chance I'm looking for the wrong keywords. Does anyone know the correct terminology to find these plugins or find out any plugins that achieve this effect?

On the side of the note, I'm currently learning jQuery and Javascript, but I'm in the very early stages - still spending through the code academy, but haven't hit any real world code yet. So at the moment I'm playing with plugins as a way to learn, but I hope in a few months I can create my own material!

Smooth scrolling to bind tags or identifiers:

• 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 scrolling method:

• http://www.ascensionlatorre.com

Answer 1

Try it. https://nicescroll.areaaperta.com/

He has

$().scrollTop() 

jQuery so you can scroll through the path configured using the parallax script.

Answer 2

I think you need to combine several of these effects to make something similar to the Landrover website. Smooth scroll script, script scroll path and parallax script.

This is an interesting site for the path element of this website: http://joelb.me/scrollpath/

Although the best way to find out how these sites work is to study them! Some interesting sites using parallax: http://www.awwwards.com/?s=parallax&post_type=all&search=Ok

I hope this helped / inspired!

Cheers Robin