LHJ

I'm a FE developer.

버그 수정하기4 - 리사이즈 에러

02 Sep 2020 » js_apple_interaction

리사이즈 에러

3번째 섹션, canvas 구간에서 resize 하면 버그가 발생한다.

원인

각 변수 값이 제대로 업데이트가 안되는 것으로 보인다.
애플에선 이 버그를 고치기 어렵다고 판단했는지, 리사이즈될 때 정적인 페이지로 강제로 변환한다.

해결방법

이 예제에선 해당 구간에서 리사이즈시 해당 구간 시작 이전 지점으로 scrollTo 했다.
해당 예제에선 iPhone에서 해당 코드 실행 안되도록

if (window.innerWidth > 450) {

}

이런식의 조건을 주었다.