Иван Кулаков

const img = document.getElementById(ID_твоей_картинки);

window.onscroll = () => {
  const scrolled = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

  // если достигли картинки (можно еще через IntersectionObserver)
  if (scrolled > img.getBoundingClientRect().top) {
    // step - это кол-во пикселей в шаге
    const step = 2;
    img.style.backgroundPosition = ((scrolled - img.getBoundingClientRect().top) * step) + "px 0px";
  }
}

const url = 'https://www.site.com/?id=1&some=asd';
let path = url.replace(/([a-zA-Z0-9_\-\/\:\.]+)\?/, '');
const params = path.split('&').reduce(function(p, e) {
	var a = e.split('=');
	p[decodeURIComponent(a[0])] = decodeURIComponent(a[1]);
	return p;
}, {});

if ('IntersectionObserver' in window &&
	    'IntersectionObserverEntry' in window &&
	    'intersectionRatio' in window.IntersectionObserverEntry.prototype) {
		if (!('isIntersecting' in IntersectionObserverEntry.prototype)) {
			Object.defineProperty(window.IntersectionObserverEntry.prototype, 'isIntersecting', {
				get: function() { return this.intersectionRatio > 0; }
			});
		}

		var oObserver = new IntersectionObserver(function(entries, observer) {
			entries.forEach(function(entry) {
				if (entry.isIntersecting) {
						//  делаем анимацию (добавляем css-класс в котором настроены анимации)
						entry.target.classList.add('animate');
				}
			});
		});

		// вешаем observer на массив элементов
		arrayElements.forEach(function(elem) {
			oObserver.observe(elem);
		});
	}