私はこのコードを持っています:
$(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/
ボタンのジャンプを避ける方法がわからない!
ボタンを上部ではなく下部に貼り付ける方法はありますか?
いつものように、すべての提案やヘルプに感謝します!