0

例:

Chrome と SafariでTwitter.comのツイートのフィードを比較します。マウスを動かさずに、トラック パッドまたはマウス ホイールを使用してフィードをスクロールすると、ホバー状態がトリガーされません。ブラウザウィンドウがスクロールされたときではなく、カーソルが移動したときにカーソルがSafariの要素のみをターゲットにしているようです。これは、CSS と JQuery のホバー状態の両方に当てはまります。

Ex.fmはこの問題を解決することができました。曲のリストの上に固定カーソルを置いてブラウザ ウィンドウをスクロールすると、ホバー状態がトリガーされます。この Safari 固有の問題をハッキングする何らかの方法である必要があります。

4

3 に答える 3

0

操作しているオブジェクトが scrollable 内にない限り、Safari はトラックパッドまたはスクロール ホイールでスクロールするときにマウスの位置を検出しません (したがって、ホバー状態をトリガーします) divdivセット内にコンテンツのフィード全体をネストoverflow:scroll;して、スクロール時に動的なターゲティングを可能にすることができます。次に、*div画面全体を埋めるように設定すると、実際にはその中だけをスクロールしながら、**ページをスクロールするように見えますdiv

この JSFiddle の例を確認してください: http://jsfiddle.net/8Nkpr/26/

そして、グラハム・ヒックスからのこの例: http://jsfiddle.net/U7SGh/

--

*スクロール位置の検出に JQuery を使用するアニメーションやインタラクションを実行している場合、明らかにこれが問題になります。申し訳ありませんが、このトリックには視差はありません。

**これがex.fm(元の質問で述べたように)がそれを解決する方法です。

***私たちを正しい方向に向けてくれた Graham Hicks (@gmh) に感謝します。

于 2012-06-01T19:23:12.313 に答える
0

この質問への回答が、今後の進め方のヒントになるかもしれません。Firefox ではどうなりますか?

以前のリンクがjavascriptに置き換えられた後の新しいリンクでのSafariのiPhone / iPadの「マウスホバー」

于 2012-06-01T01:28:38.013 に答える
0

これは、「Webkit Nightly」の最近のバージョンで修正されています。Safari の次のメジャー バージョンに含まれることはほぼ確実です。

于 2012-06-01T01:46:17.420 に答える