javascript - iPad での javascript の固定位置の問題

Question

こんにちは、これは私の最初の質問です。助けが得られ、その答えが他の人にも役立つことを願っています。

ページの上部にヘッダー div 要素を配置する必要があるため、本文コンテンツがその下にスクロールしても固定されたままになります。デスクトップと iPad 2 ではすべて問題なく動作しますが、Safari で iPad 1 をテストすると、動作がおかしくなります。最初は、ヘッダーを固定する定義がないようにページ全体をスクロールしますが、2回目のスクロールではヘッダーは固定されたままになります。私はfixedcポジショニングにcss定義を使用しています。また、これは私が読んだjQueryハックも便利です...

`<script type="text/javascript">
jQuery(document).ready(function($) {
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
$("#fixed").css("position", "static");
};
});
</script>`

これが実際のサイトのURLです...

http://176.9.5.243/~marin/iQabinet

前もって感謝します...：）

Answer 1

@Chris Koo は正しい、位置固定は iOS の新しいバージョンでのみサポートされますが、別の問題もあります。ユーザーが iPad でスクロールしている間、JavaScript が「一時停止」され、スクロールまたはスクロール位置に基づく機能が問題になります。

ユーザーがスクロールを開始するか、スクロールを指で押し続けるとすぐに、JS は停止します。スクロールが完全に終了すると、再起動します。スクリプトが実行され、すべてが一度にジャンプします。それが役立つことを願っています。

Answer 2

位置固定 CSS 機能は、iOS バージョン >= 5.x のみをサポートします