私のプリローダーがフェードしておらず、無限ループでスクロールし続ける

プレローダーを使ってコンテンツを表示しているところにウェブサイトを構築していますが、うまく機能していないようで、無限ループで、どのようにフェイディングを達成できますか？私のjQueryのバージョンはこちら3.2.1 である私が使用しているコードです -私のプリローダーがフェードしておらず、無限ループでスクロールし続ける

jQuery(document).ready(function($) { 
 
    $(window).load(function() { 
 
    $('#preloader').fadeOut('slow', function() { 
 
     $(this).remove(); 
 
    }); 
 
    }); 
 

 
});

#preloader { 
 
    position: fixed; 
 
    left: 0; 
 
    top: 0; 
 
    z-index: 999999; 
 
    width: 100%; 
 
    height: 100%; 
 
    overflow: visible; 
 
    background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center; 
 
}

<body> 
 
    <div id="preloader"></div> 
 
    <p> 
 
    This is the page 
 
    </p> 
 
</body>

出典

2017-06-23 DustinD8

あなたのコードはokです。あなたは非常に多くの:-)に感謝するが、どのようにプリロードの時間を遅らせるだけでプリロードが今完璧に働いている

jQuery(document).ready(function($) { 
 
    $(window).load(function() { 
 
    $('#preloader').fadeOut(5000, function() { 
 
     $(this).remove(); 
 
    }); 
 
    }); 
 

 
});

#preloader { 
 
    position: fixed; 
 
    left: 0; 
 
    top: 0; 
 
    z-index: 999999; 
 
    width: 100%; 
 
    height: 100%; 
 
    overflow: visible; 
 
    background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    <div id="preloader"></div> 
 
    <p> 
 
    This is the page 
 
    </p> 
 
</body>

出典

2017-06-23 10:45:42

コード内で<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>を追加し、私がいることを達成することができますどのように、あまりにも速くロードです？ – DustinD8

'' 2000'のような時間を2秒遅らせる '' slow''を変更する –

あなたのコードやフィドルで、jqueryでうまくいきません。 – DustinD8

私のプリローダーがフェードしておらず、無限ループでスクロールし続ける

答えて

関連する問題