Smooth scrolling easing effect with mouse wheel

jquery scroll mousewheel parallax easing
idbranding picture idbranding · Feb 4, 2012 · Viewed 84.2k times · Source

I recently came across this website http://www.ascensionlatorre.com/home, and I love the way the mouse wheel scrolling works - the easing is very smooth.

I have been searching Google but I can't find anything similar.

Does anybody have any suggestions on how to replicate this effect with jQuery?

Answer

Dylan picture Dylan · Sep 13, 2012

I recently came across this issue as well and I wasn't finding a lot of support for it, so I quickly forgot about the problem. A few months later I saw a better example of the smooth scrolling so I went in and dug around the JavaScript files they were using and I found that they were using a jQuery file called NiceScroll.

I believe this is what we've both been looking for- simple smooth scrolling for divs, iframes or whatever, much like the iOS scrolling.

http://areaaperta.com/nicescroll/

Related questions

Use jQuery to check mousewheel event without scrollbar

How to check mousewheel movement without scrollbar? $(document).mousewheel(function() { clicker.html("a7a"); });

Read More
How to make mouse wheel scroll to section like in mediafire.com

I came across the home page of this website http://www.mediafire.com/, in which when you roll the mouse wheel the page position itself automatically to the next section in the page. I like to know how its done. …

Read More
Detect end of horizontal scrolling div with jQuery

So, I've got some data tossed in a div. It's split up into chunks by date. It scrolls horizontally with the use of jQuery and the mousewheel plugin. I need to fire an event when the div has reached it's …

Read More