在Mac和IOS Safari上奇怪的滾動條行爲（css/javascript）

Question

我在Mac和IOS Safari滾動條上出現了一個很奇怪的問題。 谷歌地圖和css定位之間似乎有一些瘋狂的互動，隻影響Mac和IOS Safari。

此鏈接適用於Windows上的Chrome，Firefox，Internet Explorer和Safari。

這裏是有問題的頁面的鏈接：http://ve.6k2cfrvt.vesrv.com/find-a-venue/

你有種需要看到的頁面，以獲得問題的想法。滾動條在Safari Mac中不起作用。我使用jScrollPane允許我添加樣式到滾動條。我已經做了相當多的調試，並且據我所見Safari瀏覽器沒有正確應用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'); 

添加和刪除一類力的Safari重繪元件。我希望這對某人有用。