MacとIOS Safariでの奇妙なスクロールバーの動作（CSS/javascript）

Question

MacとIOS Safariのスクロールバーでは本当に奇妙な問題があります。 GoogleマップとCSSの位置付けの間には、MacとIOS Safariにのみ影響するいくつかの狂った相互作用があるようです。

このリンクは、Chrome、Firefox、Internet Explorer、WindowsのSafariで正常に動作します。 http://ve.6k2cfrvt.vesrv.com/find-a-venue/

あなたは種類の問題のアイデアを得るためにページを参照してくださいする必要があります。

は、ここで問題になっているページへのリンクです。スクロールバーはSafari Macでは動作しません。私はスクロールバーにスタイリングを追加できるようにjScrollPaneを使用しています。私はかなりのデバッグを行いました。そして、私が見る限り、サファリがCSSの "top"パラメータを正しく適用していないことがわかります。

Googleマップを削除した場合。問題は解消されます。 （このページには通常のスクロールバーがあります：http://ve.6k2cfrvt.vesrv.com/become-a-host/）

誰も解決策はありますか？

ありがとうございました

Answer 1

最後にこの問題が見つかりました。 Safari Macで再描画が最適化されているようですが、JavaScriptを使用してCSSを変更したときに要素が正しく再描画されないことがあります。

簡単な解決策は以下のとおりです。

//elem is a jQuery object 
if($.browser.safari) elem.addClass('repaint'); 
elem.updateCSSProperties(); 
if($.browser.safari) elem.removeClass('repaint'); 

は、要素を再描画するために、クラスの力サファリの追加と削除します。これが誰かにとって有益だと思う。