javascript 要素が特定の位置にスクロールすると非表示にする方法

Question

フッター固定の問い合わせバナーを設置してるのですが
特定の位置（ページ最下部あたりにある問い合わせフォーム）にスクロールすると非表示にする方法を教えていただけないでしょうか？

<div class="banner"> <img src="img/img01.jpg" /> </div> <!-- ここまできたらbannerを非表示にする--> <div class="form"> </div>

Comments

[s8_chu]

質問者さんの問題が再現するコードを質問文に追記していただけませんか？

Answer 1

$(window).on('scroll', function () {
var doch = $(document).innerHeight(); //ページ全体の高さ
var winh = $(window).innerHeight(); //ウィンドウの高さ
var bottom = doch - winh; //ページ全体の高さ - ウィンドウの高さ = ページの最下部位置
if (bottom <= $(window).scrollTop()) {
//一番下までスクロールした時に実行
console.log("最底辺！");
}
});

引用元

console.log("最底辺！");を要素を非表示にする記述に変えてください。
例えばbanner.style.display ="none";