ここにウェブサイトがあります：plantching.com
検索テキストボックスに「モントリオール」と入力して、Enter キーを押します。マップはそこに移動し、結果を表示する必要があります (1 ノッチを拡大した後)。結果のリストのパネルが左からスライドします。このパネルには白い矢印が付いているので、折りたたんだり展開したりできます。何が起こるかは次のとおりです。
- IE /Firefoxの場合: パネルがうまくスライドします。
- Chromeの場合: パネルを初めて拡張すると、うまく機能します。次に、新しい操作で問題が発生します。パネルとタブのコンテンツは、jquery.animate("left") が終了した後にのみ位置を変更します。
firebug や他の開発バーの下にある css 構造を見てもらいましたが、基本的には chrome はパネル内のさまざまな "position:relative" css ルールを好まないようです。問題は、私がそれらを制御していないことです。それらはmCustomScrollbar jquery プラグインによって設定されます。これが実際の理由であることを確認するには、もう一度ズームインする必要があることを通知する小さなウィンドウが表示されるまで、少しズームアウトします。これにより、ペインのコンテンツが空になり、折りたたまれます。ペインにコンテンツがなくなったので、今回はうまく閉じていることを確認してください。
問題は、CSS (私が制御する部分) を変更して、Chrome でうまく機能し、他のブラウザーでも引き続きうまく機能するようにするにはどうすればよいかということです。
不明な点がある場合はお知らせください。この質問を更新します。
ご協力いただきありがとうございます。