jqueryでウィンドウ最下部の少し手前で非表示

const offset = 50; // px

$(window).on('scroll', function () {
if ($(window).scrollTop() + $(window).height() >= $(document).height() - offset) {
$('#target').fadeOut();
} else {
$('#target').fadeIn();
}
});