跳躍內容執行

Question

這個問題是涉及到我剛纔的問題

Vertical floating div

所以首當頁面加載浮動DIV出現在左：0，上：0比經過一段延遲之後，它會根據$（document）.ready（）

中定義的邏輯移動到位置。所以問題是如何避免這種行爲是否有我可以做的以避免這種情況？

有沒有什麼方法可以美化載入這樣的內容，只在$（document）.ready（）之後才顯示內容？

Answer 1

您可以添加問題display:none到<div>風格（在靜態CSS），從JS只要它已準備就緒（例如$('#divid').fadeIn()或$('#divid').show()）切換到display:block。

<div id="twitter-right-vrtical" style="position: fixed; bottom: 415px; right: 446px; display: none"> 
    <img src="/Content/themes/start/images/twitter.png" title=""/> 
</div> 

的Javascript：

$(function() { 
    //set new position 
    $('#twitter-right-vrtical').css({'top' : newTop, 'left': newLeft}).fadeIn(); 
}); 

Answer 2

，或者你可以使用jQuery 「.animate()」，使移動更看中