Javascript/CSS3轉換問題

我有一個網頁與頁面之間的ajax鏈接，我遇到了一些轉換問題。我在jsfiddle上設置了一個演示頁面來演示。Javascript/CSS3轉換問題

的問題是，當該含量的變化高度，那麼div會在錯誤的位置結束，並導致非平穩過渡。我嘗試了幾件事來嘗試解決這個問題。我目前的解決方案是從div中刪除動畫屬性，然後將其移動，但這並不總是工作。在我的代碼中，我評論了延遲來展示這個問題。即使延遲了50ms，它也無法正常工作（我認爲這是由於瀏覽器滯後，因爲它幾乎沒有發生在這個jsfiddle上），所以我正在尋找更優雅的解決方案，不會導致轉換需要更長的時間。

我使用的是css3轉換而不是jquery，因爲它們往往更光滑。

來源

2012-03-20 xthexder

它在jsfiddle上的代碼中工作正常。你在說什麼瀏覽器？ – Maddy 2012-03-20 02:23:46

我使用的是Firefox 11，而我在Google Chrome上遇到同樣的問題。問題是，如果我使用的時間太短，轉換跳躍。如果我使用適度的延遲，那麼它可以在90％的時間內運行，在較慢的計算機上運行得少，而且如果時間太長，那麼轉換會受到延遲。 – xthexder 2012-03-20 03:04:56

我認爲這個問題是由於包含你的代碼的包裝div。它在小提琴上工作，因爲它只包含_action code_而不是其包裝div。嘗試增加父母/祖父母divs＆see的默認高度。 – uday 2012-03-20 04:23:40

哦，原來出了問題無關與我想的那樣。其中的一部分是我過度簡化了我的問題，並最終解決了問題。

在我的長頁面上有圖像最終加載中轉換，這是導致跳躍的原因。我用一個onload事件和一個超時來解決這個問題。

來源

2012-03-21 00:12:02 xthexder

我認爲這個問題是css過渡。檢查了這一點：

http://jsfiddle.net/UVr4A/2/

來源

2012-03-20 04:26:25 Jay

Javascript/CSS3轉換問題

回答

相關問題