1

我在全屏画廊的底部放置了一个“向下滚动”按钮。（全屏图库下方有内容。）

这是我页面的链接，您可以自己查看。

我的问题不是特定的Galleria，但这就是我正在使用的。因此，我使用 Galleria API 创建了一个新元素，并将其附加到 Galleria 容器中。

然后我在这个元素上使用 scollTop 然后fadeOut（在向元素添加 ID、进一步的类和一些 HTML 之后）：

this.$('scrollnote').attr('id', 'scrollnotecontainer').html("<h6>Scroll down</h6>").addClass('hide-for-touch').click(function(){
    $('html, body').animate({
        scrollTop: $("#scrollnotecontainer").offset().top
    }, 900);        
    $(this).fadeOut();
});

问题：当您单击此“滚动到” div 时，一切都按预期工作，但元素并没有完全淡出。

一旦我删除：

$('html, body').animate({
        scrollTop: $("#scrollnotecontainer").offset().top
    }, 900);

从图片中（离开淡出），元素确实完全淡出。

任何人都可以帮忙吗？

4

1 回答 1

1

也许尝试这样做？滚动完成后将发生淡出，以防同时执行两者的操作导致问题：

this.$('scrollnote').attr('id', 'scrollnotecontainer').html("<h6>Scroll down</h6>").addClass('hide-for-touch').click(function(){
    $('html, body').animate({
        scrollTop: $("#scrollnotecontainer").offset().top,
        complete: function() { $(this).fadeOut(); }
    }, 900);        
});
于 2012-08-09T16:57:14.753 回答