2012-05-09 5 views
0

URLアドレスバーのため、iosデバイスに問題が発生しています。私はEsri JavascriptのAPIマップとJquery mobileを使用しています。私はページを変更するとき、私はマップのサイズを変更しますが、上部のURLバーが固定されていないため、正確な高さを得ることができないため、下部に空白が表示されます。 誰でもこの問題に対処する方法を教えてください。 私はスクロールトップを使ってみましたが、助けにはなりません。私はこれとほぼ一日苦しんでいます。アドレスバーを表示する方法や、アドレスバーを非表示にする方法はありますか?あなたはwindow.resizeイベントハンドラでのコンテナ要素の高さを更新することができJqueryモバイルとIOSアドレスバー

おかげで、 Pawan

答えて

0

$(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イベントが発生していますビューポートがサイズを変更しているためです。 JQMのためのオリエンテーションの変更イベントがあり

+0

感謝。私はサイズ変更をしており、サイズ変更しています。アプリケーションが最初にロードされアクティブなビューはロードされていないときにマップがロードされ、アクティブになったときにはアドレスバーが表示されず、ヘッダーに直接スクロールします。ページはヘッダーにスクロールするだけの幅を計算します。スクロールするとヘッダーが表示されます。 Androidではうまく動作します。 IOSだけがこの問題を抱えています。 – Pawan

0

、助けのための

$(window).on("orientationchange", function(event) { 
    /* your codes here */ 
}); 
関連する問題