Question

Mac和IOS Safari滚动条有一个非常奇怪的问题。 Google地图和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似乎已经对其重新绘制进行了如此多的优化，以至于当他们的CSS通过Javascript更改时，它有时无法正确地重新渲染元素。

一个简单的解决方案是：

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

添加和删除类会强制Safari重新绘制元素。我希望这对某人有用。

Mac和IOS Safari上的奇怪滚动条行为（css / javascript）

1 个答案: