只有在特定情況下才會發生jQuery動畫動畫

我使用jQuery UI「show（）」方法（動畫稱爲「剪輯」），最初看起來像jQuery的一個典型的與保證金有關的跳動問題。然而，首先，箱子滑落得太遠，然後再次「猛拉」回來（通常當它與邊緣相關時，箱子大部分向下滑動，然後「猛拉」其餘部分以適應邊緣）。另外，它只發生在非常特殊的情況下。有問題的網頁：只有在特定情況下才會發生jQuery動畫動畫

http://iamalexkempton.net/themes/windowed/noslider.html

還有一堆使用CSS隱藏層的。他們使用導航顯示。可以使用「X」圖標再次隱藏DIV。該錯誤只發生在「profile」DIV和「hello」DIV中。在「hello」DIV中，它不會因爲jScrollPane被激活而出現混亂，但是您可以看到出現了問題，因爲內容底部存在巨大的差距，而這些差距不應該存在。

奇怪的是，這個錯誤只會發生一次。此外，只有在沒有其他DIV在手前透露時纔會發生。如果您點擊「標籤」，然後點擊「配置文件」，該錯誤不會發生。只有首先點擊「配置文件」，纔會發生，然後再也不會發生。

這個錯誤發生在FF和Chrome上，而不是IE9，這導致我認爲它必須與CSS渲染有關，但事實是它只發生在某些情況下讓我非常困惑。

我意識到這是一個非常具體的問題，但我希望有人能夠闡明它！

請隨時批評我的編碼和其他任何東西，我在這裏學習。

來源

2012-02-01 AlexKempton

注意：URI不起作用 – mayankcpdixit 2015-07-16 12:55:44

解決了導致閃爍的原因。 Google字體在呈現時會閃爍一秒鐘。這意味着它只發生一次，因爲在它們加載後（在任何DIV中），它們不再閃爍。顯然這被稱爲FOUT（無風格文本的Flash）。

爲了解決這個問題，我只是在文檔中加載了一個看不見的標題標籤（我使用谷歌字體作爲標題），這足以讓它在第一個DIV打開時呈現字體而不閃爍。有點混亂，但伎倆。

$("body").append('<h1 style="visibility:hidden">M</h1>');

來源

2012-02-01 21:18:24 AlexKempton

箱子打開時我沒有看到任何跳動問題。我使用的是Chrome，展示和擴展似乎在我的最後工作得很好。或者，也許我讀錯了你的問題。盒子擴展時你有問題嗎？我看起來很順利。

我注意到，「最小化按鈕」和「關閉」按鈕在一些打開的面板上相反。這有點令人困惑。

來源

2012-02-01 01:15:49 sreyaNotfilc

嘗試圍繞隱藏的div與div的樣式設置爲position：relative。

<div style="position:relative;"> 
    <div id="hello" class="window large"> 
     hello contents here 
    </div> 
</div>

我在過去有過這個問題很多次，似乎在relatived非隱藏DIV的位置周圍隱藏的div固定的問題對我來說。

來源

2012-02-01 01:18:28 Zappa

只有在特定情況下才會發生jQuery動畫動畫

回答

相關問題