2012-04-05 56 views
0

我正在使用jCarousel爲我的訪問者和此導覽的一部分創建滾動導覽,每當用戶從一個幻燈片移動到另一個時,都會用一些文本更新標題標籤。jQuery淡入/淡出導致頁面跳轉

看起來,當調用下面的代碼時,即使我已經在另一個具有固定高度的元素中包裹了元素(我正在淡入淡出),它也會導致頁面跳轉大約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可見性,並且頁面不會移動。

我也迷上了windowdocument#user-tour div.h1#user-tour div.h1 h1調整大小和滾動事件和發射時這個問題發生是滾動事件的唯一事件。

有沒有人有任何想法,爲什麼會發生這種情況?

乾杯

加文

回答

1

我建議嘗試fadeTo()。

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