2

jQuery スクリプトを使用して、画面の下部から特定の距離に要素を配置しています。(はい、このページで意図した動的な動作を得るには JavaScript が必要です。)

ほとんどのブラウザーでは、下の画像の下部にある灰色のバーで表される要素で、このコードは要素を適切に配置します。

var container = $('section.explore');
var winHeight = $(window).height();

container.css('margin-top', winHeight - container.height());

ただし、Android ブラウザーでは、この動作が発生します (下部の灰色のバーに注意してください)。

ここに画像の説明を入力

検索バーをウィンドウの下部から一定の距離に配置するには、アドレスバーが表示されるように上にスクロールする必要があります。その後、バーが適切に配置されます。

ユーザーが要素を適切な位置に表示するためにアドレスバーを表示する必要がないように、ウィンドウの高さをより適切に測定できる方法はありますか?

お時間をいただきありがとうございます。

4

1 に答える 1

0

で正確な値を確認してみてください

window.innerHeight or window.outerHeight

また、ウィンドウのサイズ変更イベントで正確な値を確認してください。

$(window).bind('resize', function () {
   console.log(window.innerHeight);
   console.log(window.outerHeight);
});

ブラウザのアドレスバーが表示されたり消えたりするたびに、サイズ変更イベントが発生するはずです。

于 2013-04-11T18:09:02.217 に答える