$(window).on('scroll', function (){
var visible = $('#table').offset().top;
if ($(this).scrollTop() > visible - 500) {
$('.endtable').css('display', 'block');
}
else {
$('.endtable').css('display', 'none');
}
var hidden = $('#extra').offset().top;
if ($(this).scrollTop() > hidden - 300) {
$('.endtable').css('display', 'none');
}
});
Указываем, что когда верхушки браузера остается 500 пикселей, выскакивает необходимый элемент, если приподнимемся опять выше, обратно прячем блок оператором else
Если полностью пролистаем таблицу, делаем якорь и прячем также блок.