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

問題: この "Scroll To" div をクリックすると、すべてが期待どおりに機能しますが、要素が完全にフェードアウトしません。

削除するとすぐに：

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

画像の外 (fadeOut のまま) では、要素は実際に完全にフェードアウトします。

誰でも助けることができますか？

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 に答える