-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
동작실행
20.02.03 15:28 작성 조회수 118
0
(function() {
const houseElem = document.querySelector(".house");
let maxScrollValue =
document.body.offsetHeight - window.innerHeight;
window.addEventListener("scroll", function() {
const zMove =
(pageYOffset / maxScrollValue) * 1000 - 490;
houseElem.style.transform = "translateZ(' + zMove + 'vw)";
});
})();
이렇게 실행시켰는데 페이지가 동작을안하고 콘솔창에서도
ㄴnavigated to 만 뜨면 무슨문제가생긴건가요??
답변을 작성해보세요.
0
1분코딩
지식공유자2020.02.05
"translateZ(' + zMove + 'vw)";
이 부분을
'translateZ(' + zMove + 'vw)';
이렇게 바꾸어 주세요~
문자열 + 변수 + 문자열의 형태가 되어야 하는데, 따옴표로 묶은 쌍이 잘못되어 있습니다.
(IE에서 지원 안하지만) ES6 스타일로 하면
`translateZ(${zMove}vw)`;
이렇게 하시면 되고요.
답변 1