修复Chrome上的CSS/JQuery动画问题



这是网站:plantcatching.com

在搜索文本框中设置"蒙特利尔"并点击Enter。地图应该去那里显示结果(我认为在一个档次上放大之后)。面板将从左侧滑动以获取结果列表。该面板附有一个白色箭头,因此可以崩溃/扩展。这是发生的事情:

  • IE/Firefox 上:面板滑动良好。
  • chrome 上:第一次扩展时,它可以很好地工作。然后任何新操作显示了这个问题。面板的内容和tabs仅在jQuery.Animate("左")之后更改位置完成。

我让您看一下Firebug或其他开发栏下的CSS结构,但基本上,Chrome似乎不喜欢各种"位置:相对" CSS规则。问题是我不控制它们。它们由McUstomsCrollbar jQuery插件设置。要检查这是实际原因,只需放大一点,直到出现一个小窗口,通知您应该再次放大。这清空了窗格的内容并将其崩溃。这次查看它的关闭方式,因为窗格不再有内容。

问题是:我应该如何修改CSS(i Control i Control),以便它在Chrome中运行良好并继续在其他浏览器中运行良好?

让我知道是否有些不清楚,我会更新此问题。
感谢您的帮助。

这里没有答案,所以我决定通过仅在Chrome上采用CSS3过渡来自己修复它。现在要好得多,但是您会注意到,当面板滑动时,选项卡有点滞后。这不是在非Webkit浏览器中发生的。

最新更新