slick 새로고침 시, 전체 이미지가 아래로 잠깐 보이는 오류
본문
slick 슬라이더로 반응형 페이지를 만들고 있는데
새로고침을 하면 전체이미지가 아래로 쭈르륵 잠깐 보였다가 사라집니다.
특히 모바일에서는 더 오래 보여서 오류처럼 보입니다.
그리고 반응형을 사용중이라서
pc 에서 사용하는 page 형태는 dot 이고
모바일에서 사용하는 형태는 customPaging를 사용해서 숫자로 나타냈는데
컴퓨터에서 창크기를 줄이면 page 형태가 바뀌지 않습니다.
새로고침하면 정상적으로 나타나는데
창크기에 따라 새로고침이 되는 코드를 모바일에 넣어놨더니
모바일에서 무한 새로고침을 하더라구요.
오류 해결하신 분 계신가요?
답변 1
slick 옵션중 breakpoint 라는 반응형 옵션이 있는데 사용해보셨나요 ?
넓이 감지시 리로드 되는 함수 사용시 트래픽이 급증하는 경우가 생겨서 접속자가 많다면 사용하지 않는 것을 추천드립니다.
특히 index 처럼 많은 정보가 있는 경우 에러를 분출하는 경우도 있으니 참고하시면 좋을 것 같습니다..
// 아래로 이미지가 보이는 이유는 해당 slick 상위 박스에 overflow:hidden; 을 적용하면 해결 될것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.
