javascript - example - cómo paginar un ebook html para mostrar en la aplicación basada en webview de Android

pagination.js example

Question

Estoy creando una aplicación para Android basada en la vista web en la que necesito mostrar html como una página de ebook, la razón por la que tengo que usar webview es porque necesito un encabezado cambiante para ver el contenido mientras se desplazan los cambios de encabezado http: // jsfiddle.net/kd6Y4/10/show/ ¿Cómo puedo paginarlo? Por favor, ayúdenme con el código que aquí está jsfiddle link http://jsfiddle.net/kd6Y4/10/ js code estoy usando para leer el encabezado y agregar resalte al ebook : -

    $(window).scroll(function() {

        var winTop = $(this).scrollTop();
        var divs = $(''div'');

        var top = $.grep(divs, function(item) {
            return $(item).position().top <= winTop;
        });


        //var id=$(top).first().attr(''id'');
        var ll=$(top);



    $(top).each(function(i, item) {
    var total=ll.length-1;

    if(total==i)
    {
    $("#finalvalue1").empty();
 document.title=$(item).attr("id");
}
});



    });
    function createListener1(){
document.addEventListener(''click'', function(event){
    var element=event.target;
    if(element!==document.body){
        if(element.className===''vs''){
            element.className=''highlight1'';
        } else if(element.className===''highlight1'') {
            element.className=''vs'';
        }
    }
}, false);
}
function createListener2(){
document.addEventListener(''click'', function(event){
    var element=event.target;
    if(element!==document.body){
        if(element.className===''vs''){
            element.className=''highlight2'';
        } else if(element.className===''highlight2'') {
            element.className=''vs'';
        }
    }
}, false);
}
function createListener3(){
document.addEventListener(''click'', function(event){
    var element=event.target;
    if(element!==document.body){
        if(element.className===''vs''){
            element.className=''highlight3'';
        } else if(element.className===''highlight3'') {
            element.className=''vs'';
        }
    }
}, false);
}