Движение блока при скроллинге. Эмуляция position: fixed

@Icons · Регистрация: 04.04.2015

Author24 — интернет-сервис помощи студентам

Всем привет!
Так уж получилось, что нет возможности использовать фиксирование элемента, а только абсолютное позиционирование. Подскажите, можно ли заставить блок, в моём случае это SIDEBAR, реагировать на прокрутку страницы. Т.е. при прокрутке вниз - боковая панель едет вниз и наоборот...Нашёл вот такой примерчик, может из него получится что-то сделать...

Javascript

1
2
3

$(document).scroll(function(){ 
        $("aside").animate({top: '+=5'}, 20);  
    })

@Lazy_Den · 25.12.2015, 09:47

Icons, пример в песочнице

Javascript

var div = $('#my_div'),
posTop = div.offset().top;
$(window).on('scroll', function(){
    div.css('top', posTop + $(this).scrollTop());
});

@Icons · 25.12.2015, 19:51 **[ТС]**

Привет!! То, что нужно, спасибо!!!
Но есть одно НО...если сделать высоту DIV больше, чем окно, то скролл будет бесконечным...
Если в твоём примере поставить высоту 400px, то это видно.
Это как-нибудь лечится?

@Lazy_Den · 26.12.2015, 03:43

Сообщение от Icons

Это как-нибудь лечится?

Лечится. Для body задайте position: relative;

@Icons · 26.12.2015, 04:00 **[ТС]**

Сделал в той же песочнице relative для body - ни каких изменений...
На самом деле это уже не особо важно. Я уже сделал несколько условий для такой высоты окна, в которой этот косячок всплывает)).
Ещё раз спасибо! Опять очень выручили.

@Icons 1 / 1 / 2 Регистрация: 04.04.2015 Сообщений: 66
	25.12.2015, 19:51 [ТС]	3
	Привет!! То, что нужно, спасибо!!! Но есть одно НО...если сделать высоту DIV больше, чем окно, то скролл будет бесконечным... Если в твоём примере поставить высоту 400px, то это видно. Это как-нибудь лечится? 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	26.12.2015, 03:43	4
	Сообщение от Icons Это как-нибудь лечится? Лечится. Для body задайте position: relative; 1

@Icons 1 / 1 / 2 Регистрация: 04.04.2015 Сообщений: 66
	26.12.2015, 04:00 [ТС]	5
	Сделал в той же песочнице relative для body - ни каких изменений... На самом деле это уже не особо важно. Я уже сделал несколько условий для такой высоты окна, в которой этот косячок всплывает)). Ещё раз спасибо! Опять очень выручили. 0