@OldSchoolWeb

Как привязать картинку к секции parallax?

Есть секция, в ней находится див которому через css задана картинка, никак не могу привязать её к самой секции.
Подробней: Я зашел на сайт, кручу колесиком мышки до секции, дохожу до неё, начинается снизу появляться картинка когда скроллю, но сайт не скроллится дальше пока не доходит до верхушки именно этой секции и не скроется сверху.
На деле получаю то, что картика в секции гуляет по всему сайту, скрины приложу, уже всё перепробовал, никак не вдюпляю
<section class="parallax_banner">
	<div class="images"></div>
</section>


.parallax_banner
		position: relative
		margin-top: 372px
		height: 375px
		max-height: 375px
		background-color: $section-2
	.images
		height: 100%
		top: 300px
		background-image: url(img/parallax.png)
		background-size: cover

$(window).scroll(function(){
			var scrollTop = $(this).scrollTop();
			// Переменные
			$(".images").css({
				"transform" : "translate(0%, -" + scrollTop + "px"
			});
		});

картинка которая должна быть в блоке
46f4758c45414fd9bacd2ebb43faf4be.png
сам блок доходя до которого начинается параллакс эффект
020a4e475b1441b1b2576d89590b5a9a.png
  • Вопрос задан
  • 240 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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