@neytan

Как сделать parallax эффект для элемента сайта (не фона)?

Добрый день, как можно сделать parallax эффект для отдельных изображений сайта, что бы при скроле они двигались вверх вниз? При этом нужно сделать так что бы эти картинки сильно не выходили за контейнер родителя и высота их скрола не зависила от высоты от начала сайта до их родительского блока. Т.е если высота от верха сайта до их родительского блока 500, 1000 или 2000 px эти картинки немного только двигались вверх - вниз, а не покидали родительский блок. Есть вариант реализации, но он перемещает картинки вверх вниз в зависимости от высоты от начала body до текущего родительского блока.
$(window).scroll(function(e) {
			var st = $(this).scrollTop();
			var pos_1;
			var minusSt = $(".bomb").offset()
			pos_2 = -Math.round(st - minusSt);
			bomb.css({'top': pos_2 + 'px'});
                        
                        lastScrollTop = st;
		});
  • Вопрос задан
  • 20 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
20 февр. 2019, в 23:54
1000 руб./за проект
20 февр. 2019, в 23:26
25000 руб./за проект
20 февр. 2019, в 22:04
500 руб./за проект