Как обойти задержку изменения положения background в браузере?

Question

[Александр Карпов]

я набросал такой код, в надежде, что удастся реализовать паралак скролл. но во всех браузерах бэкграунд дергается при скролле. Я хотел бы узнать, есть способ сохранить этот метод но устранить лаги?

$paralaxBlock = $('.order.order-position');
	var img = new Image;
	var href = $paralaxBlock.css('background-image').replace(/url\(\"|\"\)$/ig, "");
	img.src = href;
	img.onload = function(){
		$paralaxBlock.css('background-size','cover')
		$paralaxBlock.css('background-position-x','center')
		$paralaxBlock.css('background-position-y',(-1)*$paralaxBlock[0].getBoundingClientRect().top)
		var original = $paralaxBlock[0]
		setInterval(function() {
		   $paralaxBlock.css('background-position-y',0-original.getBoundingClientRect().top)
		},0);
		
	 // $(window).scroll(function(){
		 // $paralaxBlock.css('background-position-y',(-1)*$paralaxBlock[0].getBoundingClientRect().top)
	 // });
	}