这是网站:plantcatch.com
在搜索文本框中设置“蒙特利尔”,然后按 Enter。地图应该去那里并显示结果(我认为在你放大一个档次之后)。面板将从左侧滑动以显示结果列表。此面板附有一个白色箭头,以便可以折叠/展开它。这是发生的事情:
- 在IE/Firefox上:面板滑动良好。
- 在Chrome上:面板第一次扩展时,效果很好。然后任何新的操作都会显示问题。只有在 jquery.animate("left") 完成后,面板和选项卡的内容才会改变位置。
我让你看一下firebug或其他开发栏下的css结构,但基本上chrome似乎不喜欢面板内的各种“位置:相对”css规则。问题是我无法控制他们。它们由mCustomScrollbar jquery 插件设置。要检查这是否是实际原因,只需稍微缩小一点,直到出现一个小窗口,通知您应该再次放大。这将清空窗格的内容并将其折叠。看看这次它是如何很好地关闭的,因为窗格中不再有任何内容。
问题是:我应该如何修改 css(我控制的部分)以使其在 Chrome 中运行良好并在其他浏览器中继续运行良好?
如果有不清楚的地方,请告诉我,我会更新这个问题。
谢谢你的帮助。