My implementation of iScroll-Scroller is done programmatically using the following code:
$(document).bind('pageinit',function( event, data ){
$("[id='menu']").attr("data-iscroll","");
$("[data-iscroll]").iscrollview();
});
However, I have noticed that when I change the height of the site, such as rotating the device, the iscroll-wrapper does not adjust its size accordingly. This results in me being unable to scroll to the bottom anymore. To address this issue, I attempted to create a function to refresh the wrapper's size:
window.addEventListener("resize", function() {
$("[data-iscroll]").jqmData('iscrollview').refresh();
setTimeout(function () {
$("[data-iscroll]").jqmData('iscrollview').refresh();
}, 0)
}, false);
Unfortunately, this solution does not work for me and I am unsure why. Please let me know if you require more code (I tried to keep it concise).