在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重绘元件。我希望这对某人有用。