[css] position:absolute 에 질문입니다.

[css] position:absolute 에 질문입니다.

QA

[css] position:absolute 에 질문입니다.

답변 4

본문

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

 

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

 

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

 

정리하자면

 

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

이 질문에 댓글 쓰기 :

답변 4

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

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

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

(예: position:absolute !important;)

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

 

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

 

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

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

 

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

 

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

 

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

 

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 25
© SIRSOFT
현재 페이지 제일 처음으로