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

Question

[Софья Платонова]

Мне нужен эффект, словно при скроллинге блок следует с задержкой и при остановке скроллинга мягко занимает нужное положение. Блок изначально располагается внизу окна

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";
			});
		};
	});
});

Answer 1

[Сергей Волков]

Воспользуйтесь transition-timing-function
transition-timing-function: ease;

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

Comments

[Софья Платонова]

Не сработало