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

Question

[neytan]

Добрый день, как можно сделать 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;
		});