Fixed block disappearing at the end of the page?

Question

css

xn--35-vlcherag2a.xn--p1ai/katalog-potolkov/tkanev...
It is necessary to make sure that it does not disappear, but when it reaches this place it remains there

Answer 1

For such effects use position: sticky
https://developer.mozilla.org/en-US/docs/Web/CSS/p...

Answer 2

Seeing your screen, on the same resource below is the following code. And then play around with the class
$(function(){
var topPos = $('.floating').offset().top;
$(window).scroll(function() {
var top = $(document).scrollTop() ,
pip = $('.footer').offset().top,
height = $('.floating').outerHeight();
if (top > topPos && top < pip - height) {$('.floating' ).addClass('fixed').removeAttr("style");}
else if (top > pip - height) {$('.floating').removeClass('fixed').css({'position':' absolute','bottom':'0'});}
else {$('.floating').removeClass('fixed');}
});
});