【发布时间】: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