@colddave

Почему не работает скрипт в Safari?

$(window).scroll(function() {
	var st = $(this).scrollTop();
	var c = $('.food-menu__wrapper').offset().top;
	var d = st-c-100;
	$("#parallOne").css({
		"transform":"translatey("+(st-800)/5+"px"
	});
	$("#parallTwo").css({
		"transform":"translatey("+(st-800)/10+"px"
	});
	if(d>0){
		$(".food-menu__big-item-part--1").css({
			"transform":"translatey("+d+"px"
		});		
		$(".food-menu__big-item-part--2").css({
			"transform":"translatey("+d+"px"
		});		
		$(".food-menu__big-item-part--3").css({
			"transform":"translatey("+d+"px"
		});	
		$(".food-menu__big-item-part--4").css({
			"transform":"translatey("+d+"px"
		});	
		$(".food-menu__big-item-part--5").css({
			"transform":"translatey("+d+"px"
		});	
		$(".food-menu__big-item-part--6").css({
		"transform":"translatey("+d+"px"
		});	
		$(".food-menu__big-item-part--7").css({
		"transform":"translatey("+d+"px"
		});	
	} 
	if(d>=259){
		$(".food-menu__big-item-part--1").css({
			"transform":"translatey(259px"
		});		
	}
	if(d>=224){
		$(".food-menu__big-item-part--2").css({
			"transform":"translatey(224px"
		});	
		$(".food-menu__big-item-part p").css({
			"opacity":"0"
		});	
	} else{
		$(".food-menu__big-item-part p").css({
			"opacity":"1"
		});		
	}
	if(d>=216){
		$(".food-menu__big-item-part--3").css({
			"transform":"translatey(216px"
		});		
	}
	if(d>=187){
		$(".food-menu__big-item-part--4").css({
			"transform":"translatey(187px"
		});		
	}
	if(d>=155){
		$(".food-menu__big-item-part--5").css({
			"transform":"translatey(155px"
		});		
	}
	if(d>=106){
		$(".food-menu__big-item-part--6").css({
			"transform":"translatey(106px"
		});		
	}
	if(d>=69){
		$(".food-menu__big-item-part--7").css({
			"transform":"translatey(69px"
		});		
	}
});
  • Вопрос задан
  • 770 просмотров
Решения вопроса 1
AppFA
@AppFA
Frontend developer at Yandex
Возможно у вас ошибка в коде?
Не стоит скобка для закрытия?
$(".food-menu__big-item-part--1").css({
  "transform":"translatey(259px"
});

Должно быть так:
$(".food-menu__big-item-part--1").css({
  "transform": "translateY(259px)"
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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