Question

由于URL地址栏，我遇到了ios设备的一些问题。我正在使用Esri Javascript api地图和Jquery移动。当我改变页面时，我会重新调整地图的大小，但是由于顶部的URL栏没有被修复，我在底部会得到白色空格，因为它无法获得精确的高度。任何人都可以告诉我如何解决这个问题。我尝试使用滚动顶部但没有帮助。我差不多一天都在苦苦挣扎。有什么办法我总能显示地址栏或隐藏地址栏只有几页。

谢谢， Pawan

Answer 1

您可以在window.resize事件处理程序中更新容器元素的高度：

$(window).bind('resize', function () {
    $('#container').height($(this).height());
});

这当然非常简化，你很可能需要做一些数学计算来确定容器的确切高度。

我还会添加一个超时，这样每次调整时只会触发一次（不同浏览器会在浏览器调整大小时发送不同数量的调整大小事件）：

var timer;
$(window).bind('resize', function () {
    clearTimeout(timer);
    timer = setTimeout(function () {
        $('#container').height($(this).height());
    }, 50);
});

由于隐藏了地址栏，因为视口正在改变大小，所以会触发resize个事件。

Answer 2

JQM有一个方向更改事件，

$( window ).on( "orientationchange", function( event ) {
    /* your codes here */
});

Jquery移动和IOS地址栏

2 个答案: