0

这是网站:plantcatch.com

在搜索文本框中设置“蒙特利尔”,然后按 Enter。地图应该去那里并显示结果(我认为在你放大一个档次之后)。面板将从左侧滑动以显示结果列表。此面板附有一个白色箭头,以便可以折叠/展开它。这是发生的事情:

  • IE/Firefox上:面板滑动良好。
  • Chrome上:面板第一次扩展时,效果很好。然后任何新的操作都会显示问题。只有在 jquery.animate("left") 完成后,面板和选项卡的内容才会改变位置。

我让你看一下firebug或其他开发栏下的css结构,但基本上chrome似乎不喜欢面板内的各种“位置:相对”css规则。问题是我无法控制他们。它们由mCustomScrollbar jquery 插件设置。要检查这是否是实际原因,只需稍微缩小一点,直到出现一个小窗口,通知您应该再次放大。这将清空窗格的内容并将其折叠。看看这次它是如何很好地关闭的,因为窗格中不再有任何内容。

问题是:我应该如何修改 css(我控制的部分)以使其在 Chrome 中运行良好并在其他浏览器中继续运行良好?

如果有不清楚的地方,请告诉我,我会更新这个问题。
谢谢你的帮助。

4

1 回答 1

0

这里没有答案,所以我决定自己修复它,只在 chrome 上采用 css3 过渡。这现在好多了,但是您会注意到面板滑动时选项卡有点滞后。这在非 webkit 浏览器中不会发生。

于 2012-10-24T17:54:54.100 回答