모바일에서는 패럴렉스 디자인을 사용하지 않는다.

 

모바일의 태생적인 한계로

2020/09/05 - [각 종 it/티스토리 등 프로그래밍] - 모바일 브라우저의 한계, ram 부족

모바일 브라우저의 한계, ram 부족

웹페이지에서는 왠만한 입체적인 기법을 사용 할 수 없다.

그 기법 중 하나가 패럴렉스 디자인이다.

패럴렉스란 스크롤 간 부분 페이지마다 시간차를 두어 정적인 웹페이지를 동적으로 만들어주는  디자인이다.

그 예로 pc버전에서 필자 홈페이지 제일 하단으로 스크롤 하다보면 영덕사랑상품권가맹점 그림이 스크롤 할 때마다 따라 움직이는 것을 볼 수 있다.

다른 예로는

2020/09/01 - [각 종 it/티스토리 등 프로그래밍] - html/css 배경화면 이미지 고정 or 스크롤에 따라오게 하기(background attachment 종류 및 해석)

html/css 배경화면 이미지 고정 or 스크롤에 따라오게 하기(background attachment 종류 및 해석)

 이 것을 둘 수 있는데, 사실 패럴렉스라고 부르기에는 다소 미흡한 점이 있으나 스크롤에 따라 움직임을 보여 입체감을 주니 패럴렉스라고 해도 문제 없다.

 

모바일에서는 버벅이네...

일반적인 모바일 환경에서는 지원하지 않는다.

다만 필자 홈페이지와 같이 반응형 페이지의 경우 모바일에서도 쓸 수 있는데, 모바일에서는 생각보다 버벅임이 강하다.

자주 들어 오는 사람에게는 눈에 띌 정도인데,

그리하야 필자는 모바일에서는 패럴렉스 기법을 사용하지 않고 걍 가맹점 사진을 첨부 했을 뿐이다.

어떤 님은 해결 방법이라 하여 올려놓았는데, 꼭 그렇게까지 하고 싶지는 않았다.