BookBlock icon indicating copy to clipboard operation
BookBlock copied to clipboard

Page flip/turn on scroll up

Open hitesh1989 opened this issue 7 years ago • 0 comments

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();
   `

hitesh1989 avatar Mar 27 '18 09:03 hitesh1989