jquery - 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

fadeTo() を試すことをお勧めします。

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