Задать вопрос

Липкие блоки jquery?

Добрый вечер Уважаемые!



Нашёл только на руселлере плагинчик, и то по странным причинам он не работает.

Нужно сделать что бы определённый блок отображаемый на страничке(где то по центру вертикали) при прокрутке прилипал к верхней части экрана, до тех пор пока мы не прокрутим страничку вверх, где он встанет на своё место.



Спасибо!
  • Вопрос задан
  • 26403 просмотра
Подписаться 23 Оценить Комментировать
Ответ пользователя Сергей Некрасов К ответам на вопрос (4)
Judixel
@Judixel
Front-end Engineer
$(document).ready(function(){
var obj = $('#sticky');
var offset = obj.offset();
var topOffset = offset.top;
var marginTop = obj.css("marginTop");

$(window).scroll(function() {
var scrollTop = $(window).scrollTop();

	if (scrollTop >= topOffset){

		obj.css({
			marginTop: 90,
			position: 'fixed',
		});
	}

	if (scrollTop < topOffset){

		obj.css({
			marginTop: 20,
			position: 'relative',
		});
	}
});
});
Ответ написан