search

watusi / jquery-mobile-iscrollview

JQuery Mobile widget plug-in for easy use of the iScroll javascript scroller.
407 stars 183 forks source link

jquery-mobile-iscrollview footer hides scrollable area #131

Open mboeckle opened 11 years ago

mboeckle commented 11 years ago

I am using phonegap / jquery-mobile-iscrollview / dynamic listview

After loading content through $getjson I am doing a refresh (listview and iscrollview) but the size of scrollable area fails, it's too much at the buttom and the fixed footer covers pieces of the scrollable area - is it because of jQuery.mobile.activePage? what I have to at the pageinit to calculate the scrollable area properly?

With the pageinit (forum.html) I load the content through $getjson and doing a refresh;

$( document ).on( "pageinit", "#forum", function( event ) { //Forum Page INIT news.setForum(); });

$.getJSON(url_forum, function(json) { $.each(json, function(key, value) {

            $("#general").tmpl(json[key]).appendTo("#medical_list");
        });

        $("#medical_list").listview("refresh");
        $(".example-wrapper").iscrollview("refresh");

    });
``` 


![forum](https://f.cloud.github.com/assets/2686481/1530409/d64ad672-4c4b-11e3-9c49-14f204464c7c.png)

any ideas? the key must be in the getjson function after adding the list over the template right?

best
mboeckle commented 11 years ago

it's working properly if i put the second navbar in the header -

best