Skip to content
Kinetic Scrolling with JavaScript
Branch: master
Clone or download
Pull request Compare This branch is 10 commits ahead, 1 commit behind ariya:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
animation
common_module
deploy/css
dom_component
flickable
flickable_content
flickable_coverflow
flickable_list
flickable_photo
LICENSE-MIT
README.md
index.html

README.md

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.

You can’t perform that action at this time.