画面最下層部までスクロールしたときcssを書き換えたい

Question

前提・実現したいこと

画面の最下層部に達すると、cssを書き換えるかもしくは対応するdivの要素を消去したい。

発生している問題・エラーメッセージ

エラーメッセージは特になし。

該当のソースコード

$(window).on('scroll', function () {
var doch = $(document).innerHeight(); //ページ全体の高さ
var winh = $(window).innerHeight(); //ウィンドウの高さ
var bottom = doch - winh; //ページ全体の高さ - ウィンドウの高さ = ページの最下部位置
if (bottom <= $(window).scrollTop()) {

}
});

<div class="under">
<a href="#"><img src="hoge.png"></a>
</div>

    .under
    {
 position:fixed;
bottom:0;
right:0;left:0;
text-align:center;
    }

Comments

[yambejp]

フッタを表示しておいて、さいごまできたら消すのですね？

[退会済みユーザー]

そうですね。
よろしくお願いいたします。

Answer 1

$(window).on("scroll", function() {
  scrollHeight = $(window).scrollTop();
  scrollPosition = $(window).height()- window.innerHeight;
  var rest=scrollPosition-scrollHeight;
  $('.under').toggle(rest>=20);//調整範囲
});