javascript - Smooth vertical page scrolling using mouse wheel and scroll bar - Stack Overflow

admin管理员组

文章数量:1279083

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: .

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:

• /
• /
• /
• /?p=462
• / (*courtesy of @DrunkRocketeer)

And, another example of a parallax website using a similar technique for scrolling:

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./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./project/ScrollTo
• http://jsfiddle/9Amdx/7/
• http://arthurclemens.github./jquery-page-scroll-plugin/
• http://www.learningjquery./2007/09/animated-scrolling-with-jquery-12
• http://www.designova/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:

• http://www.ascensionlatorre.

• javascript
• jquery
• scrollbar
• mousewheel
• parallax

Share Improve this question Follow edited May 9, 2012 at 15:30 DBUK asked May 9, 2012 at 13:48 DBUKDBUK 1,37311 gold badge2323 silver badges4141 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Try this one. https://nicescroll.areaaperta./

It has got

$().scrollTop() 

jQuery event listener too so you can have scroll path configured with parallax script.

I think you have to bine several of these effects in order to make something that resembles the Landrover site. A Smooth scroll script, a scroll path script and a parallax script.

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

Though the best way to find out how these sites work is to examine them! Some cool sites useing parallax: http://www.awwwards./?s=parallax&post_type=all&search=Ok

I hope this was of some help/inspiration!

本文标签： javascriptSmooth vertical page scrolling using mouse wheel and scroll barStack Overflow