Задать вопрос
@GaserV

Проблема с translate3d?

Ребят, имеется код (ниже). У меня кнопка "Увеличить" расположена примерно ниже монитора, соответственно когда открывается картинка во весь экран, то она по умолчанию на половину проскроллена вверх. А нужно чтобы была первоначально по центру, и только после движения курсора скроллилась. Что здесь не так? В идеале нужен аналог - 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;
	});
  • Вопрос задан
  • 270 просмотров
Подписаться 1 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы