flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-28 10:40:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

more tweaking of the ribbon scroll...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2014-02-04 18:18:09 +04:00
parent 3cb185c655
commit 8a3bbc493a
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
layout.js
View File

@ -214,7 +214,8 @@ function handleScrollRelease(evt, data){
var mag = $('.magazine')
// innertial scroll...
// XXX make this generic...
var t = DEFAULT_TRANSITION_DURATION * (1+Math.abs(speed))
//var t = DEFAULT_TRANSITION_DURATION * (1+Math.abs(speed))
var t = DEFAULT_TRANSITION_DURATION
// XXX this is only horizontal at this point...
var at = getElementShift(mag).left
var d = MAX_DISTANCE_TO_SCROLL != null ? MAX_DISTANCE_TO_SCROLL : Infinity
@ -222,7 +223,8 @@ function handleScrollRelease(evt, data){
var to = (at + (Math.min(Math.abs(t*speed*INNERTIA_SCALE), d) * s))
var first = getMagazineOffset(pages.first(), null, 'center')
var last = getMagazineOffset(pages.last(), null, 'center')
var easing
var easing = 'cubic-bezier(0.33,0.66,0.66,1)'
// filter out really small speeds...
if(Math.abs(speed) > 0.5){
@ -235,18 +237,15 @@ function handleScrollRelease(evt, data){
t = Math.abs(t * ((at-first)/(at-to)))
to = first
//easing = 'linear'
easing = 'cubic-bezier(0.33,0.66,0.66,1)'
} else if(to < last){
// trim the time proportionally...
var _t = t
t = Math.abs(t * ((at-last)/(at-to)))
to = last
//easing = 'linear'
easing = 'cubic-bezier(0.33,0.66,0.66,1)'
} else {
//easing = 'ease-out'
easing = 'cubic-bezier(0.33,0.66,0.66,1)'
}
animateElementTo(mag, to, t, easing, speed)
@ -258,13 +257,13 @@ function handleScrollRelease(evt, data){
//animateElementTo(mag, first, DEFAULT_TRANSITION_DURATION, 'ease-in')
animateElementTo(mag, first,
DEFAULT_TRANSITION_DURATION,
'cubic-bezier(0.33,0.66,0.66,1)')
easing)
} else if(at < last){
//animateElementTo(mag, last, DEFAULT_TRANSITION_DURATION, 'ease-in')
animateElementTo(mag, last,
DEFAULT_TRANSITION_DURATION,
'cubic-bezier(0.33,0.66,0.66,1)')
easing)
}
}
}