테스트 사이트 - 개발 중인 베타 버전입니다

[css] position:absolute 에 질문입니다. 채택완료

홈페이지에 css position:absolute 를 적용해서 자리를 잡았습니다.

 

그런데 새로고침을 할때마다 기존(?) 자리에서 제가 세팅해놓은 좌표로 이동하는것이 1초 정도 잠깐 보입니다.

 

너무 거슬리는데 검색해도 방법이 마땅히 나오질 않네요 ..

 

정리하자면

 

새로고침을 할때마다 제가 position:absolute로 설정한 좌표로 이동하여 자리잡는게 1초 정도 잠깐 보이는데 이 과정을 안하려면 어떻게 해야될지 ..  

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트

아마, 해당 코드에 영향을 주는 코드가 2군데인데,

스타일 로딩 속도의 차이로 인해 그런 것 같네요.

원하는 코드에 !important 선언을 넣어줘보세요. 

(예: position:absolute !important;)

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

다들 답변 진심으로 감사합니다 ㅠ

 

너무 기초적인것이라 검색해도 잘 안나왔나봅니다.

 

sinbi님 말씀대로 영향을 주는 코드가 2군데인데 부모 클래스의 좌표를 설정을 안해놔서 이런 현상이 나온것이었습니다.

 

부모 클래스 좌표 설정을 하고 나니 이 현상이 없어졌습니다.

 

답변해주신분들 다시 한번 진심으로 감사드립니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

해결되셨다니 다행입니다^^
답변을 채택하시거나 미채택으로 글을 완료해주세용^^

댓글을 작성하려면 로그인이 필요합니다.

일반적으로 구조를 읽어오고 스타일링을 입히는 과정에서 자바 스크립트가 관여하면 로딩순서에 의해 변경되는 부분이 보일수 있습니다.

 

즉, 스크립트에 의해 클래스명을 추가했거나 삭제했을때 그 변경내용이 노출된 상태에서 스타일링이 입혀지는 경우가 있죠.

 

혹은, 로딩 속도에 영향을 미칠만큼 무거운 소스가 페이지 상단에 선언되어 있어서 그럴수도 있을겁니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

혹시 사이트 주소 주실 수 있으세요?

코드 보고 확인 해봐야 할 것 같은데요...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고