1

Safari で表示すると、jScrollPane と Google マップ (v3) の間に奇妙なバグ/競合が発生したようです。

問題は、スクロール ペイン内に LI 要素があり、それが display:block に設定されていて、ページ上に Google マップがある場合、LI 要素が残りのコンテンツと一緒にスクロールしないことです。ページ上の Google マップを削除するか、単に非表示にすると、スクロールの問題が解消されます。

ここでテストケースを作成しました。 http://www.incontrolsolutions.com/scroll/stackoverflow.html

このページは、FF、Chrome (バターのように滑らか!)、さらには IE9 でも正しく動作します。

しかし、Safari (今日までの Webkit ナイトリー ビルドを含む) はチョークします。

これを引き起こしている可能性のあるもの、または潜在的な回避策についての洞察は大歓迎です。

4

1 に答える 1

3

良い質問と素晴らしいデモ。Snow Leopard の Safari 5.0.5 で複製できますが、これは非常に奇妙な動作です。

z-index: 999;何が問題を引き起こしているのかわかりませんが、 の CSS ルールにa を追加することで回避できるようです#RS_MapListPanel。Web インスペクターを使用してその変更を行うと、ページは正しく動作しているように見えます。

于 2011-05-29T13:10:35.893 に答える