웹 사이트가로드시 점프하지 못하도록 함

여기 웹 사이트가 있습니다 : https://lfc2015.ca/ 주 화면/js가로드되면 페이지가 표시되고 점프됩니다. 프리 로더를 사용해 보았지만 전체 사이트의 속도가 느려지지는 않습니다. 또한 처음에 단색 (예 : http://www.mayneislandcamping.com/)을 표시하도록 이미지를 미리로드하는 방법을 시도했지만 동일한 문제가 계속 발생합니다. 단색의 색조차도 그렇게 뛰어납니다. 점프를 막기 위해 브라우저에 div의 높이를 알려주는 방법이 있다면 생각하고 있습니까? 아니면 다른 대답을 열어. 고마워.웹 사이트가로드시 점프하지 못하도록 함

출처

2015-01-27 Bill

내가 말할 수있는 것은 스크립트가 실행될 때까지 요소 크기가 조정되지 않는다는 것입니다. 이것은 높이가 CSS가 아닌 스크립트에 의해 결정되기 때문입니다. 당신은 전체 웹 사이트를 중복 사업부를 만들 수 있습니다

나는이 내 생각을 공유하고

출처

2015-01-27 18:56:31 royalenfield

.overlay 
    { 
     position:fixed; 
     width:100%; 
     height:100%; 
     overflow-x:hidden; 
     overflow-y:hidden; 
     z-index:1000; 
    } 

    <div class="overlay"><!-- DISPLAY A ANIMATED GIF OR LOADING TEXT--></div>

이 사업부는 페이지에로드 할 첫 번째 일이 될 것입니다.

잠시 후 setTimeout()을 사용하여 div를 우아한 방식으로 숨 깁니다 [페이드 아웃 슬라이드 애니메이션] 멋진 포스트 프리로드 효과가 있습니다.

희망이 있습니다.

출처

2015-01-27 18:58:51 Hemant

웹 사이트가로드시 점프하지 못하도록 함

답변

관련 문제