mirror of
https://github.com/flynx/PortableMag.git
synced 2025-12-23 20:11:46 +00:00
another experiment...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
parent
0b7b986606
commit
76d14d560d
45
layout.html
45
layout.html
@ -91,7 +91,7 @@ $(document).ready(function(){
|
|||||||
position: 'fixed',
|
position: 'fixed',
|
||||||
background: 'silver',
|
background: 'silver',
|
||||||
opacity: 0.5,
|
opacity: 0.5,
|
||||||
width: 150,
|
width: 200,
|
||||||
height: '80%',
|
height: '80%',
|
||||||
top: 10,
|
top: 10,
|
||||||
left: 10,
|
left: 10,
|
||||||
@ -101,54 +101,43 @@ $(document).ready(function(){
|
|||||||
})
|
})
|
||||||
.text('log')
|
.text('log')
|
||||||
.appendTo($('body'))
|
.appendTo($('body'))
|
||||||
|
|
||||||
function log(text){
|
function log(text){
|
||||||
_log.html(_log.html() + '<br>' + text)
|
_log.html(_log.html() + '<br>' + text + '')
|
||||||
_log.scrollTop(_log.prop('scrollHeight'))
|
_log.scrollTop(_log.prop('scrollHeight'))
|
||||||
}
|
}
|
||||||
|
|
||||||
var CHECK_INTERVAL = 200
|
|
||||||
var touching = false
|
|
||||||
var t
|
|
||||||
var v = $('.viewer')
|
|
||||||
var _scroll_delta = [0, 0]
|
|
||||||
var sd = 0
|
|
||||||
|
|
||||||
function wait_for_scroll_end(){
|
|
||||||
if(!touching && _scroll_delta[0] <= sd && _scroll_delta[1] <= sd){
|
|
||||||
// XXX need to avoid this being called more than once...
|
var v = $('.viewer')
|
||||||
$('.viewer').trigger('scrollend')
|
var touching = false
|
||||||
t = null
|
var TIMEOUT = 200
|
||||||
|
var t = 0
|
||||||
|
|
||||||
|
function scroll_monitor(){
|
||||||
|
clearTimeout(t)
|
||||||
|
if(touching){
|
||||||
|
t = setTimeout(scroll_monitor, TIMEOUT)
|
||||||
} else {
|
} else {
|
||||||
t = setTimeout(wait_for_scroll_end, CHECK_INTERVAL)
|
log('scrolling done...')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$('.viewer')
|
$('.viewer')
|
||||||
.on('scroll', function(evt){
|
.on('scroll', function(evt){
|
||||||
log('scroll...')
|
log('scroll...')
|
||||||
_scroll_delta = [
|
|
||||||
_scroll_delta[0] - v.scrollLeft(),
|
|
||||||
_scroll_delta[1] - v.scrollTop()
|
|
||||||
]
|
|
||||||
|
|
||||||
if(t == null){
|
|
||||||
t = setTimeout(wait_for_scroll_end, CHECK_INTERVAL)
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
.on('touchstart mousedown', function(evt){
|
.on('touchstart mousedown', function(evt){
|
||||||
log('touchstart...')
|
log('touchstart...')
|
||||||
|
|
||||||
touching = true
|
touching = true
|
||||||
})
|
})
|
||||||
.on('touchend mouseup', function(evt){
|
.on('touchend mouseup', function(evt){
|
||||||
log('touchend...')
|
log('touchend...')
|
||||||
|
|
||||||
touching = false
|
touching = false
|
||||||
})
|
})
|
||||||
.on('scrollend', function(evt){
|
|
||||||
log('!!! scrollend...')
|
|
||||||
})
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
if(!NAVIGATE_RELATIVE_TO_VISIBLE){
|
if(!NAVIGATE_RELATIVE_TO_VISIBLE){
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user