opacity transition이 아이폰에서만 심하게 느립니다.

Question

안녕하세요 쇼핑몰에 룩북을 담으려고 했습니다.slick슬라이더나 swipe슬라이더를 사용해서 만들었었는데,슬라이더 장수가 많아서 그런지(84장), 안드로이드에서는 잘 작동하였으나ios에서는 브라우저 오류가 뜨면서 보이지 않더라구요. 그래서 w3schools.com에 기본 소스를 응용해서CSS opacity를 변경으로 fadeout 되는 슬라이더를 만들었는데요. m.codl-official.com/main/html.php?htmid&#61;service/collections/disaster_original.html PC와 안드로이드에서는 부드럽게 잘 구현되나왜 인지 ios에서는 반응이 느립니다. 그것도 이상하게 처음 시작부터 우측(다음 슬라이드)으로 전환 될 때만 느리구요.좌측으로 (이전 슬라이드)로 전환 될 때는 그렇게 느리지가 않습니다.혹시 vimeo 동영상을 가져와서 그런가 싶었지만 해당 div를 비활성화 해도 마찬가지 였구요.. 문제 해결을 위해 시도를 해보았는데...1. 이미지 ( div ) 갯수를 줄인다. -> 10개 정도로 줄이면 정상속도화 되지만 보여주려는 정보가 있어서 힘듬 2. transition을 없엔다. -> 반응이 빠릿해지지만 디자인적으로 이쁘지 않아 최후 수단으로 생각 이렇게 되었습니다.혹시 해결법을 아시는 분 계실까요? 도움 부탁드립니다 ㅜㅜㅜ

opacity transition이 아이폰에서만 심하게 느립니다.

0개의 답변

Q&A 목록