18

iOS Safari では、ユーザーがパンを停止するまで、1 本指でのパンはイベントを生成しません。onscroll イベントは、ページの移動が停止して再描画されたときにのみ生成されます。

リアルタイムのスクロールを検出する方法が必要です。具体的には、iOS サファリでも動く付箋メニューを作りたいです。モバイル以外のブラウザーでは、onscroll イベントをリッスンしながら、要素の「相対位置」と「固定位置」を切り替えることで、スティッキー メニューを実行できます。onscroll イベントは継続的に発生しないため、このメソッドはモバイル ブラウザーでは機能しません。私に何ができる？

4

5 に答える 5

11

Answering my own question. iOS7 now support position:sticky Demo: http://html5-demos.appspot.com/static/css/sticky.html

于 2013-10-11T14:38:59.057 に答える
3

私は最近、同じ問題に対する実用的な解決策を考え出すのに何時間も費やしました。これを行う正しい方法はありませんが、いくつかの適切なハックがあります (それらのほとんどは既に言及されています)。問題は、ユーザーがスクロールしている間、JavaScript が一時停止することです。その意味を考えると理にかなっていますが、固定配置要素を実装するのは非常に困難です。

私が見つけた最高のものは、Google の人々によるこの素晴らしい投稿です。モバイル サファリでhttp://gmail.comをチェックアウトして、動作を確認できます。

https://developers.google.com/mobile/articles/webapp_fixed_ui

お役に立てれば。

于 2013-08-21T18:09:27.450 に答える
0

スティッキー メニューだけが必要な場合は、既存のライブラリを使用することで頭の痛い問題を解決できます。私はiScrollで成功しました:

http://cubiq.org/iscroll

少なくとも、これがどのように機能するかを見て、それに基づいてソリューションを構築することができます。

ハッピーハッキング！

于 2011-12-13T19:45:30.023 に答える
-3

確かに古いトピックですが、ここには多くの訪問者がいます。スティッキー メニューだけが必要な場合は、固定配置を使用できます。そこにiScrollは必要ありません。

于 2012-08-20T14:24:15.793 に答える