【问题标题】:jQuery jScrollPane issue/conflict with Google maps on SafarijQuery jScrollPane 问题/与 Safari 上的 Google 地图冲突
【发布时间】:2011-09-04 01:44:40
【问题描述】:

在 Safari 上查看时,我似乎遇到了 jScrollPane 和 Google Maps (v3) 之间的奇怪错误/冲突。

问题是,如果我的滚动窗格中有一个设置为 display:block 的 LI 元素,并且页面上还有一个谷歌地图,则 LI 元素不会随其余内容一起滚动。删除或简单地隐藏页面上的谷歌地图可以消除滚动问题。

我在这里建立了一个测试用例。 http://www.incontrolsolutions.com/scroll/stackoverflow.html

此页面在 FF、Chrome(像黄油一样光滑!)甚至 IE9 中都能正常工作

但是 Safari(包括 webkit nightly 构建到今天)阻塞。

非常感谢您对可能导致此问题的原因或潜在解决方法的任何见解。

【问题讨论】:

  • 非常感谢发布带有隐藏/显示按钮和所有内容的演示。但是,我无法在 Mac 或 Windows 上的 Safari 中重现您的问题。您的演示在 Safari 中对我来说效果很好——无论我做什么,一切都按预期滚动。不知道除此之外还能告诉你什么......
  • 谢谢 Trott,真奇怪。您在哪个版本的 Safari 上进行了测试?
  • Safari 3.2.3 在 Windows 上,5.0.5 在 Mac OS X 上。(现在正在为 Windows 安装 Safari 5.0.5,这样我就可以用它来测试了......)
  • 对我来说,在 Windows 上的 5.0.5 中也可以正常工作。
  • 好的,我发布了我所看到的 mov。 incontrolsolutions.com/scroll/scroll.mov 使用滚轮,点击并拖动滚动手柄时,问题似乎更糟..

标签: jquery google-maps safari jscrollpane jquery-jscrollpane


【解决方案1】:

很好的问题和很好的演示。我可以在 Snow Leopard 上的 Safari 5.0.5 中进行复制,这真的很奇怪。

我不知道是什么导致了问题,但您似乎可以通过在#RS_MapListPanel 的 CSS 规则中添加 z-index: 999; 来解决它。如果我通过网络检查器进行更改,那么页面似乎表现正确。

【讨论】:

  • Vitch!谢谢你的提示!肯定很奇怪,但这解决了问题!干杯,谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-08-08
  • 1970-01-01
  • 2013-07-11
  • 1970-01-01
  • 2011-08-19
  • 1970-01-01
相关资源
最近更新 更多