@lada95

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

5ae2d84ff33cb729125700.png
xn--35-vlcherag2a.xn--p1ai/katalog-potolkov/tkanev...
Нужно сделать, чтобы он не исчезал, а доходя до этого места там и оставался
  • Вопрос задан
  • 208 просмотров
Пригласить эксперта
Ответы на вопрос 2
groog
@groog
Я только учусь
Для таких эффектов используют position: sticky

https://developer.mozilla.org/en-US/docs/Web/CSS/p...
Ответ написан
@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');}
});
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы