Фиксированный блок исчезает в конце страницы?

Question

[lada95]

xn--35-vlcherag2a.xn--p1ai/katalog-potolkov/tkanev...
Нужно сделать, чтобы он не исчезал, а доходя до этого места там и оставался

Answer 1

[Даниил Попов]

Для таких эффектов используют position: sticky

https://developer.mozilla.org/en-US/docs/Web/CSS/p...

Comments

[Андрей Брекоткин]

А position: sticky разве будет останавливаться при достижении какого либо нижнего блока?

[Даниил Попов]

Андрей Брекоткин, если очень нужно, останавливайте его скриптом

Answer 2

[aviaciaflyok]

Увидев Ваш скрин, на том же ресурсе ниже указан вот такой код. А дальше балуетесь с классом
$(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');}
});
});