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);
})

jQuery fadeIn / fadeOut导致页面跳转

1 个答案: