-
Notifications
You must be signed in to change notification settings - Fork 265
Open
Description
Page flip while we scroll up by touch in ios.
I have implement this with angularjs.
`
var Page = (function() {
var config = {
$bookBlock : $( '#bb-bookblock' ),
$navNext : $( '.bb-nav-next' ),
$navPrev : $( '.bb-nav-prev' ),
$navFirst : $( '#bb-nav-first' ),
$navLast : $( '#bb-nav-last' )
},
init = function() {
var startPage = ($rootScope.bookBlockStartPage!='' && $rootScope.bookBlockStartPage!=undefined)?$rootScope.bookBlockStartPage:1;
console.log('startPage ' + startPage + ' = ' + $rootScope.bookBlockStartPage);
config.$bookBlock.bookblock( {
startPage : startPage,
speed : 500,
shadowSides : 0.8,
shadowFlip : 0.4,
onBeforeFlip : function(currentpage) {
window.scroll(0, 0);
},
onEndFlip : function(old, currentpage, isLimit) {
},
} );
initEvents();
},
initEvents = function() {
var $slides = config.$bookBlock.children();
// add navigation events
config.$navNext.on( 'click touchstart', function() {
config.$bookBlock.bookblock( 'next' );
return false;
} );
config.$navPrev.on( 'click touchstart', function() {
config.$bookBlock.bookblock( 'prev' );
return false;
} );
config.$navFirst.on( 'click touchstart', function() {
config.$bookBlock.bookblock( 'first' );
return false;
} );
config.$navLast.on( 'click touchstart', function() {
config.$bookBlock.bookblock( 'last' );
return false;
} );
// add swipe events
$($slides).on( {
'swipeleft' : function( event ) {
config.$bookBlock.bookblock( 'next' );
return false;
},
'swiperight' : function( event ) {
config.$bookBlock.bookblock( 'prev' );
return false;
}
} );
// add keyboard events
$( document ).keydown( function(e) {
var keyCode = e.keyCode || e.which,
arrow = {
left : 37,
up : 38,
right : 39,
down : 40
};
switch (keyCode) {
case arrow.left:
config.$bookBlock.bookblock( 'prev' );
break;
case arrow.right:
config.$bookBlock.bookblock( 'next' );
break;
}
} );
};
return { init : init };
})();
Page.init();
`
Metadata
Metadata
Assignees
Labels
No labels