인프런 커뮤니티 질문&답변
작성한 질문수
동작실행
작성
·
182
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 만 뜨면 무슨문제가생긴건가요??
답변 1
0
1분코딩
지식공유자
"translateZ(' + zMove + 'vw)";
이 부분을
'translateZ(' + zMove + 'vw)';
이렇게 바꾸어 주세요~
문자열 + 변수 + 문자열의 형태가 되어야 하는데, 따옴표로 묶은 쌍이 잘못되어 있습니다.
(IE에서 지원 안하지만) ES6 스타일로 하면
`translateZ(${zMove}vw)`;
이렇게 하시면 되고요.