Skip to content
widgedPublic
forked from ariya/kinetic

About

Kinetic Scrolling with JavaScript

Resources

Stars

2 stars

Watchers

2 watching

Forks

 
 

Repository files navigation

JavaScript Kinetic Scrolling

Adapted from http://ariya.github.io/kinetic/.

Changes

Merged the code behind five separate demo into a reusable library. Separated the notion of capturing the user interaction from the one of updating the view as a function of that interaction. Rendering code moved to 3 renderers (default, photoSwipe, coverFlow)

Original notes

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

About

Kinetic Scrolling with JavaScript

Resources

Stars

2 stars

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages