[css] position:absolute 에 질문입니다.
본문
홈페이지에 css position:absolute 를 적용해서 자리를 잡았습니다.
그런데 새로고침을 할때마다 기존(?) 자리에서 제가 세팅해놓은 좌표로 이동하는것이 1초 정도 잠깐 보입니다.
너무 거슬리는데 검색해도 방법이 마땅히 나오질 않네요 ..
정리하자면
새로고침을 할때마다 제가 position:absolute로 설정한 좌표로 이동하여 자리잡는게 1초 정도 잠깐 보이는데 이 과정을 안하려면 어떻게 해야될지 ..
답변 4
아마, 해당 코드에 영향을 주는 코드가 2군데인데,
스타일 로딩 속도의 차이로 인해 그런 것 같네요.
원하는 코드에 !important 선언을 넣어줘보세요.
(예: position:absolute !important;)
일반적으로 구조를 읽어오고 스타일링을 입히는 과정에서 자바 스크립트가 관여하면 로딩순서에 의해 변경되는 부분이 보일수 있습니다.
즉, 스크립트에 의해 클래스명을 추가했거나 삭제했을때 그 변경내용이 노출된 상태에서 스타일링이 입혀지는 경우가 있죠.
혹은, 로딩 속도에 영향을 미칠만큼 무거운 소스가 페이지 상단에 선언되어 있어서 그럴수도 있을겁니다.
혹시 사이트 주소 주실 수 있으세요?
코드 보고 확인 해봐야 할 것 같은데요...
다들 답변 진심으로 감사합니다 ㅠ
너무 기초적인것이라 검색해도 잘 안나왔나봅니다.
sinbi님 말씀대로 영향을 주는 코드가 2군데인데 부모 클래스의 좌표를 설정을 안해놔서 이런 현상이 나온것이었습니다.
부모 클래스 좌표 설정을 하고 나니 이 현상이 없어졌습니다.
답변해주신분들 다시 한번 진심으로 감사드립니다.
해결되셨다니 다행입니다^^
답변을 채택하시거나 미채택으로 글을 완료해주세용^^