질문/조언팁/리소스 공유

fl.png

 

 

 

회원이 작성한 글 중 여러가지 복잡한 조건에 맞는 경우 위와 같은 팔로우를 해도 괜찮은 회원이라는 팝업을 띄우는 것을 적용해 놓았습니다.

 

 

그런데 최근 저희 사이트의 이미지를 클라우드플레어에서 불러오게 하면서 이미지 로딩 전에 이미지 대신 작은 로딩 이미지를 대체해 보여주고 나서 이미지를 한번에 완전한 모습으로 보여주는 것을 적용했습니다.

 

 

이렇게 하니 제가 띄우고 싶은 위치에 저 레이어팝업이 뜨지 못하는 현상이 당연히 발생합니다.

저 레이어팝업의 뜨는 위치는 제가 특정 엘리먼트 위치를 찾아 계산하게 해 놓았는데 팝업의 높이 값을 계산할때는 작은 로딩 이미지가 있던 시점이라 찾은 엘리먼트의 위치 높이 값이 나중에 실제 이미지가 보여질 때와 다르게 위쪽에 위치하게 됩니다.

 

 

그래서 레이어팝업을 띄우기 위해 필요한 스크립트를 3초 정도 지연시키는 것을 적용하니 아주 깔끔하게 제대로 위치를 잡을 수 있네요.

 

setTimeout(function() {
  내용
}, 3000);

 

 

Atachment
첨부 1

서버에 요청 중입니다. 잠시만 기다려 주십시오...