Проблема с translate3d?

Question

[GaserV]

Ребят, имеется код (ниже). У меня кнопка "Увеличить" расположена примерно ниже монитора, соответственно когда открывается картинка во весь экран, то она по умолчанию на половину проскроллена вверх. А нужно чтобы была первоначально по центру, и только после движения курсора скроллилась. Что здесь не так? В идеале нужен аналог - https://www.net-a-porter.com/ru/en/product/637841

var setImageOffset = function(){
		img.css('transform', 'translateY(-'+offset+'px)');
	};

	$(document).on('mousemove', function(e){
		var imgHeight = img.outerHeight(true);
		var docHeight = $(document).height();
		var diff = imgHeight - docHeight;
		var coef = diff / docHeight;
		offset = -e.pageY * coef;
	});

Comments

[0348raven]

ждем пример на codepen