전체 화면에loading 디스플레이를 불러오는 해결 방법
3614 단어 load
step1: 웹페이지에div를 추가하여 현실loading에 사용할 수 있습니다.
1 <div id="loading">
2 <!-- loading -->
3 </div>step2: 이 loading div 스타일 주세요.
1 /* ， loading */
2 html,body{
3 height:100%;
4 width:100%;
5 }
6 body{
7 overflow: hidden;
8 }
9 #loading{
10 width:100%;
11 height:100%;
12 color:#9f9f9f;
13 top:0px;
14 left:0px;
15 position:absolute;
16 z-index: 1999;/* */
17 text-align: center;
18 }
19 /* ， display:none*/
20 .wrapper{
21 display: none;
22 }step3: 여기는 jQuery 코드입니다.
1 /* */
2 $(window).load(function(){
3 $('#loading').fadeOut();
4 $('body').css('overflow','scroll');
5 $('.wrapper').fadeIn();
6 });이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
지연 로드 (lazy loading)텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
