2012-10-23 24 views
0

以下是網站:plantcatching.com在Chrome上修復css/jquery動畫問題

在搜索文本框中設置「蒙特利爾」,然後按Enter鍵。地圖應該去那裏,並顯示結果(在我認爲放大一個陷阱後)。面板將從左側滑動以顯示結果列表。該面板附有白色箭頭,以便可以摺疊/展開它。這是發生了什麼:

  • IE/Firefox的:面板滑好。
  • Chrome:第一次面板延伸,它運作良好。然後任何 新操縱顯示該問題。只有在完成jquery.animate(「左側」) 後,面板和 選項卡的內容纔會更改位置。

我讓你看看在螢火蟲或其他開發欄下的CSS結構,但基本上似乎鉻不喜歡面板內的各種「位置:相對」CSS規則。問題是我不控制它們。它們由mCustomScrollbar jquery插件設置。要檢查這是真正的原因,只需稍稍縮小,直到出現一個小窗口,通知您應該再次放大。這會清空窗格的內容並將其摺疊。看看這次它如何很好地關閉,因爲窗格中沒有內容了。

問題是:我應該如何修改css(我控制的部分),以便它在Chrome中運行良好,並在其他瀏覽器中繼續運行良好?

讓我知道如果有什麼不清楚,我會更新這個問題。
感謝您的幫助。

回答

0

這裏沒有答案,所以我決定自己修改它,只在Chrome上採用css3轉換。這現在好多了,但是你會發現當面板滑動時,這些標籤有點滯後。這在非webkit瀏覽器中不會發生。