jQuery fadeIn/fadeOutがページをジャンプさせます

Question

jCarouselを使用して私の訪問者とこのツアーの一部のスクロールツアーを作成しています。ユーザーがスライドを移動するたびにヘッダータグをテキストで更新します。

次のコードを呼び出すと、要素が固定された高さの別の要素に折り返されているにもかかわらず、ページが約16pxだけジャンプするようです。

if(state != 'init' && $('#user-tour h1').html() != $(li).find('img').attr('alt')) 
{ 
    $('#user-tour h1').fadeOut(100, function() 
    { 
    $('#user-tour h1').html($(li).find('img').attr('alt')).fadeIn(100); 
    }); 
} 

#user-tour高さを設定してdivの内側に包まれています。私はjavascriptを使用して#user-toursの可視性を切り替え、ページが移動しないことを確認しました。

私はまたwindow、document、#user-tour div.h1と#user-tour div.h1 h1のためにリサイズやスクロールイベントを夢中にしていると、この問題が起こったときに発生するイベントのみがスクロールイベントでした。

誰もがこれが起こっている理由を知っていますか？

乾杯

ギャビン

Answer 1

I）は、（fadeToをしようと提案します。

.fadeTo(100,0,function(){ 
    ....fadeTo(100,1); 
})