Как сделать плавающий блок справа?

Question

[viktorross]

здравствуйте, подскажите пожалуйста вариант рабочего скрипта, который фиксировался бы справа при прокручивании, при этом останавливался бы дойдя до метки ,например <div class="metka"></div> потому что заранее я не знаю какой будет высота футера, там динамические данные, и не знаю высоты шапки, в общем возможно ли установить 2 дива в роли метки вверху и внизу и между ними плавающий блок который останавливался бы при прокручивании перед ними, у кого-нибудь есть такое решение готовое?

Comments

[Шохрух Шаймардонов]

Используйте position: sticky, а с помощью js меняйте свойство в нужный момент

[viktorross]

Шохрух Шаймардонов, подскажите как в нужный момент его поменять? т.е на определенном id или class

[Шохрух Шаймардонов]

viktorross, глянтье туториалы.
К примеру, этот

[viktorross]

Шохрух Шаймардонов, я нашел вот такой код, почти то что нужно, но он меняется при прокручивании на n px, а я то не знаю ни высоты футера, ни шапки, т.е нужно просто оттолкнуться от них

$(window).scroll(function() {
var height = $(window).scrollTop();
 /*Если сделали скролл на 100px задаём новый класс для header*/
if(height > 100){
$('header').addClass('header-fixed');
} else{
/*Если меньше 100px удаляем класс для header*/
$('header').removeClass('header-fixed');
}
});

[Шохрух Шаймардонов]

viktorross, ну получите высоту нужных блоков через джс

Answer 1

[Мышб]

я может не понял
стандартный position: fixed не подходит?
если позиция сверху и снизу не известна, то отступ от границ же все равно известен? При пролистывании до верха или низа страницы, можно менять position на relative.

Comments

[viktorross]

не очень умный, вы не подскажете как это сделать упрощенно?