flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-29 19:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

testing iscroll, let's see if can overcome one fundamental issue with the browser...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-02-14 04:42:08 +04:00
parent 6292c13c2e
commit fd5c3ba920
2 changed files with 1120 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1104
ext-lib/iscroll.js Executable file
View File

File diff suppressed because it is too large Load Diff

17
layout.html
View File

@ -66,6 +66,8 @@
<script src="ext-lib/jquery.scrollto.js"></script> <script src="ext-lib/jquery.scrollto.js"></script>
<script src="ext-lib/jquery.scrollstop.js"></script> <script src="ext-lib/jquery.scrollstop.js"></script>
<script src="ext-lib/iscroll.js"></script>
<script src="lib/jli.js"></script> <script src="lib/jli.js"></script>
<script src="magazine.js"></script> <script src="magazine.js"></script>
@ -126,7 +128,19 @@ $(document).ready(function(){
}, },
function(k){console.log(k)})) 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 touching = false
var t = null var t = null
$('.viewer') $('.viewer')
@ -158,6 +172,7 @@ $(document).ready(function(){
}, 100) }, 100)
} }
}) })
*/
if(!NAVIGATE_RELATIVE_TO_VISIBLE){ if(!NAVIGATE_RELATIVE_TO_VISIBLE){
$('.viewer').css({overflow: 'hidden'}) $('.viewer').css({overflow: 'hidden'})
@ -204,7 +219,7 @@ function clear_limits(){
</head> </head>
<body> <body>
<div class="viewer"> <div id="viewer" class="viewer">
<div class="magazine" name="PortableMag"> <div class="magazine" name="PortableMag">
<div class="cover page"> <div class="cover page">