質問: $(window).height() + $(window).scrollTop(); if (scrollPosition > scrollHeight - bottomPos) { topBtn.fadeIn();} else { topBtn.fadeOut(); } }); topBtn.click(function () { $('body,html').animate({ scrollTop: 0}, 500); return false; }); }); ``` 以上の二つを参考に最下手前でのクラスの付与を可能に、または別な方法がありましたら是非教えて頂きたいです。 どうかよろしくお願いいたしますm(__)m!
回答: スクロール値を追っかけるのって大変ですよね。 今回の場合ページ最下部フッターが出現したタイミングで、追尾フッターをfixedからrelativeあるいはstaticに変更されたいのだと解釈しますと以下のプラグインが手っ取り早いです。 https://github.com/protonet/jquery.inview こちらは、指定した要素が出現したタイミングで任意の要素に任意の操作ができます。 また、画面から消えた場合にも同様の操作が出来るので今回の案件にはぴったりなのではないかと思います。 ご検討ください。 例文に当てはめますと $('フッター').on('inview', function(event, isInView) { if (isInView) { $('.固定フッター').toggleclass('固定解除クラス'); } else { $('.固定フッター').toggleclass('固定解除クラス'); } }); このように、クラスの付与と削除をトグルしてあげれば実現出来ると思います。