少なくともIE、FF、Safariなどの主要なブラウザと互換性が必要な年次報告書サイトを開発しています。jquery効果に関していくつか問題があります。
jqueryスライドリビールエフェクトをページに追加しました。これは、メインコンテンツのdivを数秒間部分的に表示し、アニメーション化して残りのコンテンツをリビールします。WinXPのIE6、IE7、FF 3でテストしましたが、正常に動作します。また、FF3のMACでも動作します。
ただし、このページには、MAC上のSafari 4.04で重大な問題があります。アニメーション化されたdivコンテンツ全体が、コンテンツの元の幅とほぼ同じくらい右端にシフトします。また、「オーバーフロー」関連のcssコードを削除すると、divは最初は正しい位置に表示されますが、最初は「オーバーフロー」を使用してコンテンツを非表示にする必要があるため、jqueryスライド効果は正しく機能しません。また、jqueryアニメーションが開始されると、divは再びシフトします。
リンクは次のとおりです：http ：//www.attilareinhardt.com/clients/test/mainWhoWeAre_slide2.html
この問題の回避策または解決策はありますか？
もう1つの小さな問題は、アニメーション化されたスライドエフェクトが開かず、コンテンツが最後まで表示されない場合があることです。下部はクリップされたりトリミングされたりするのが早すぎることがあり、すべてのブラウザで発生しますが、常に発生するわけではありません。コンテンツdivの正しい高さを正しく計算するのに問題があると思います。正しい高さの計算を強制する方法はありますか？