Kinetic Scrolling with JavaScript
HTML JavaScript CSS

JavaScript Kinetic Scrolling

#1: Basic drag-and-scroll (demo, explanation).
No momentum effect yet, just a plain scroll view.

#2: Flick list with momentum (demo, explanation).
Smooth acceleration and deceleration.

#3: Snap-to-grid flick list (demo, explanation).
Inertial deceleration to stop at the right position.

#4: Horizontal swipe to browse photos (demo, explanation).
Parallax effect included.

#5: Cover Flow with CSS transform (demo, explanation).
Flipping images in 3-D space

#6: Coming soon.