SophiaS
@SophiaS
Учусь на web-дизайнера

Как сделать задержку при перемещении у плавающего блока?

Мне нужен эффект, словно при скроллинге блок следует с задержкой и при остановке скроллинга мягко занимает нужное положение. Блок изначально располагается внизу окна
div#footer_main {
	position: absolute;
	left: 50%;
	margin-left: -618.5px;
	margin-top: 535px;
}


$(document).ready(function () {
	let y_pos = $("#footer_main").offset().top;
	$(window).scroll(function () {
		if (y_pos - 535 < $(window).scrollTop()) {
			$("#footer_main").css({
				marginTop: += $(window).scrollTop();
				transition-delay: "0.2";
				transition-duration: "0.4";
			});
		};
	});
});
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 1
@GovnoKoder_ITS
Мне 16 лет, начинающий front-end разработчик
Воспользуйтесь transition-timing-function
transition-timing-function: ease;

transition-timing-function -- htmlbook.ru/css/transition-timing-function
Сайт где вы самостоятельно сможете настроить "временную функцию" -- https://cubic-bezier.com/#.17,.67,.83,.67
Ответ написан
Ваш ответ на вопрос

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

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