jquery-mobile-iscrollview footer hides scrollable area

[mboeckle]

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");

    });

    <div class="example-wrapper" data-iscroll class="iscroll-wrapper">
        <div class="iscroll-scroller">
            <div id="a" class="content_div">

                <div class="iscroll-content">
                    <ul data-role="listview" id="medical_list" data-theme="c">

                    </ul>
                </div>

            </div>

        </div>
    </div>

    <!-- templates for the FORUM LIST -->
    <script id="general" type="text/x-jquery-tmpl">    
    <li data-icon="false"><a href="#"><p><b>${title},${author}</b></p> </a></li>
    </script>

</div>

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

best

[mboeckle]

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

best