가볍게 움직이는 (시차) 배경이있는 웹 사이트에 대한 요청이 있습니다. 전체 IE8 지원. 가능한 경우 태블릿 지원 (예 : iPad 및 Android 태블릿).시차 배경이있는 다중 플랫폼 웹 사이트
그 중 두 가지를 골라하면 쉽게 할 수 있지만 세 가지를 모두 포함시키려는 시도는 조금 어렵습니다 ... 언어/기술이 이러한 세 가지 요청을 모두 처리 할 수 있는지 아는 사람이 있습니까?
시차, 2 가지 맛, 가로 & 세로 제공. 수평 시차의 경우 CSS와 2 또는 3 개의 배경 이미지 만 %로 배치하면됩니다. 반면 수직 시차는 자바 스크립트가 필요합니다.
그렇다면 태블릿에서는 거의 불가능한 것처럼 보이는 브라우저 창의 크기를 조정하면 가로 시차 만 볼 수 있기 때문에 태블릿에 대한 수평 시차 효과에 대해 다시 생각해 보겠습니다.
하지만 당신은 수직을 할 것입니다 : JavaScript로 수직 시차를 수행하면 모든 장치를 커버 할 수 있습니다.
저는 비슷한 프로젝트를 진행하고 있습니다. 브라우저가 일반적으로 스크롤 이벤트 중에 스크립트와 전환을 고정시키기 때문에 iOS는 일반적인 시차 방법을 지원하지 않습니다.
그러나 스크롤을 처리하는 데 iScroll을 사용하면이를 무시하고 iPhone 및 iPad에서 매우 부드러운 시차 효과를 얻을 수 있습니다.
IE는 CSS 전환을 지원하지 않으므로 순전히 자바 스크립트로 전원을 공급받는 시차 플러그인이 필요합니다. 나는 Ian Lunn의 jQuery Parallax을 사용하는데, 나는 그다지 효율적이지 않다고 생각한다. (나는 많은 움직이는 요소를 가지고 있지만 Chrome에서는 괜찮은 것처럼 보이지만 내 컴퓨터가 IE의 페인트 믹서에있는 것처럼 보입니다.)
필요한 것은 자바 스크립트와 CSS뿐입니다. 내 경험에 비추어 볼 때, 1 세대 iPad에서 합리적으로 원활하게 실행되도록 충분히 최적화하면 충분합니다. –