1

私はこのコードを持っています:

        $(function() {
// cache scroll to top button
var b = $('#back-top');
// Hide scroll top button
b.hide();
// FadeIn or FadeOut scroll to top button on scroll
$(window).on('scroll', function(){
    // if you scroll more then 400px then fadein goto top button
    if ($(this).scrollTop() > 500) {
        b.fadeIn();
    // otherwise fadeout button
    } else {
        b.fadeOut();
    }

});
// Animated smooth go to top
b.on('click', function(){
    $('html,body').animate({
        scrollTop: 0
    }, 2000 );
    return false;
});
$('#back-top').)
});

すべてが非常にうまく機能しますが、フッターに到達する前にボタンのスクロールを停止する解決策が見つかりません.:( ここの誰かが私の問題の解決策を持っていることを願っています!? ヘルプやアドバイスは非常に役に立ちます! ありがとう!

アップデート:

さて、私はそこに着いています!新しいコードでフィドルを更新しました: http://jsfiddle.net/q8DUC/6/
すべての href="#" へのスムーズなスクロールとその動作を可能にする行を実装しました!
しかし、バックトップ要素がフッターにスクロールするという古い問題がまだあります! バックトップがフッターの前で止まるようにするためのアイデアやヘルプを歓迎します! THX!!



更新 26/10/14:

もう少し: http://jsfiddle.net/q8DUC/20/
ボタンのジャンプを避ける方法がわからない!
ボタンを上部ではなく下部に貼り付ける方法はありますか?

いつものように、すべての提案やヘルプに感謝します!

4

2 に答える 2