0

我正在使用 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

有谁知道为什么会发生这种情况？

干杯

加文

4

1 回答 1

1

我建议尝试fadeTo()。

.fadeTo(100,0,function(){
    ....fadeTo(100,1);
})
于 2012-04-05T18:38:51.577 回答