0

position fixedを使用しようとし、Ipad 4 でテストしましたが、非常にバグがありました。

  1. ページ上でタッチ ドラッグしている間、位置が固定された div が下にドラッグできる場合があります。
  2. ズームイン/アウトすると、div の位置が一瞬狂いました。
  3. ページをすばやくスクロールすると、 div が点滅してひどく揺れます。
  4. jquery スクロール アニメーションのパフォーマンスが非常に悪く、スタッタリングが発生する

私の 2 番目の試みは、コンテンツを #container div 内に作成し、固定オブジェクト (実際にはメニュー) をコンテナーの外に配置し、#container オーバーフロー y:scroll を実行して、本体のオーバーフローを非表示にすることです。Ipad 4 でテストしたところ、問題は次のとおりです。

  1. 勢いが止まりました。これは、タッチスクロール中に、ユーザーが指を離すとページの移動が即座に停止することを意味します。通常、ユーザーが指を離した後、少しスライドできるはずです。
  2. webkit-overflow-scrolling:touch; を入れてみました。#container の場合、iPad では正常にスライドできますが、Macbook Firefox ブラウザではスクロールがロックされ、ページがまったく移動できません。
  3. overflow-y と webkit-overflow-scrolling:touch の両方を配置すると、ipad は機能しなくなりますが、firefox は再び機能します。

Ipad の場合、問題なく常に一番上に浮かぶ div を作成するためのアドバイスはありますか? これはよくある問題だと思いました。

4

1 に答える 1

1

コンテナを-webkit-overflow-scrolling:touchモードにすることで成功しましたが、それは機能していないと主張しています。

もう一度試してください：

#container {
  overflow:scroll;
  -webkit-overflow-scrolling:touch;
  -webkit-backface-visibility:hidden;
  -webkit-transform:translateZ(0px);
}
于 2012-11-27T12:43:47.593 に答える