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

minor updates...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-02-22 05:12:40 +04:00
parent b5cbd895d6
commit 13fb922600
1 changed files with 1 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
layout.html
View File

@ -129,93 +129,17 @@ $(document).ready(function(){
function(k){console.log(k)}))
/*
window.myScroll = new iScroll('viewer', {
snap: true,
momentum: false,
hScrollbar: false,
//onScrollEnd: function () {
// document.querySelector('#indicator > li.active').className = '';
// document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
//}
})
*/
/*
var touching = false
var t = null
$('.viewer')
.on('mousedown touchstart', function(){
touching = true
clearTimeout(t)
})
.on('mouseup touchend', function(){
touching = false
})
.on('scrollstop', function(evt){
//log('scrollstop...')
// XXX for some reason, on android, this sets the page but
// does not actually scroll to it -- no animation and/or
// .ScrollTo does notwork...
//limit_scroll()
if(!touching){
t = setTimeout(function(){
var n = getPageNumber()
var page = $($('.page')[n])
$('.current.page').removeClass('current')
page.addClass('current')
// attempt to make it without using .ScrollTo(...)
// XXX the problem appears to be in the .scrollLeft(...)
// that does not work on some webkit browser versions
// namely on android it's "odd" to say the least...
//$('.viewer').scrollLeft(page.position().left)
$('.viewer')[0].scrollLeft = page.position().left
}, 100)
}
})
*/
if(!NAVIGATE_RELATIVE_TO_VISIBLE){
$('.viewer').css({overflow: 'hidden'})
}
*/
// expand the templates...
runMagazineTemplates()
//setCurrentPage(0)
//limit_scroll()
})
var SCROLL_LIMIT = 800 * 1.5
function setup_scroll_limiter(){
$('.magazine').wrapAll($('<div class="scroller">'))
limit_scroll()
}
// XXX set the limit to next/prev page alignment...
function limit_scroll(){
var W = $('.viewer').width()
var ml = parseFloat($('.scroller').css('margin-left')) || 0
var pos = $('.viewer').scrollLeft()
var c = -ml + pos + W/2
$('.scroller').css({
'margin-left': -(c-SCROLL_LIMIT),
'width': c+SCROLL_LIMIT
})
$('.viewer').scrollLeft(pos-ml-(c-SCROLL_LIMIT))
}
function clear_limits(){
var pos = $('.viewer').scrollLeft()
var l = parseFloat($('.scroller').css('margin-left'))
$('.scroller').css({
'margin-left': '',
'width': ''
})
$('.viewer').scrollLeft(pos - l)
}
</script>
</head>