0

URLアドレスバーが原因でiOSデバイスに問題が発生しています。EsriJavascriptapiマップとJquerymobileを使用しています。ページを変更すると、マップのサイズが変更されますが、上部のURLバーが修正されていないため、正確な高さを取得できないため、下部に空白が表示されます。誰でもこの問題に対処する方法を教えてもらえますか？スクロールトップを使用してみましたが、役に立ちません。私はこれにほぼ1日苦労しています。常にアドレスバーを表示したり、数ページだけアドレスバーを非表示にしたりできる方法はありますか？

ありがとう、パワン

4

2 に答える 2

0

JQMのオリエンテーションチェンジイベントがあり、

$( window ).on( "orientationchange", function( event ) {
    /* your codes here */
});
于 2013-06-07T04:10:06.863 に答える
0

window.resizeイベント ハンドラーでコンテナー要素の高さを更新できます。

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

もちろん、これは非常に単純化されたものであり、コンテナの正確な高さを把握するには、おそらく少し計算する必要があります。

また、タイムアウトを追加して、これがサイズ変更ごとに 1 回だけ発生するようにします (ブラウザのサイズが変更されると、ブラウザによって異なる数のサイズ変更イベントが送信されます)。

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

アドレス バーが非表示にresizeなると、ビューポートのサイズが変化するため、イベントが発生します。

于 2012-05-09T17:19:28.563 に答える