フェードオンスクロールを実装できませんか？

Question

私は作ろうとしているウェブサイトを持っています。私が一定の状態になると、divを表示（消す）してから、消える（消える）ようにしたいと思います。運で

<div id="div1"> 
    <p class="welcomePar3">Welcome to my website! Here you will find all information related to me. Feel free to browse around!</p> 
    <div id="UWIMAGE"> 
     <img id="imageActual" src="img/uw.jpg"> 
    </div> 
</div> 

$('#div2').fadeInScroll(); 
$('#div2').fadeInScroll({ 
    minDistance: 75 * $(window).height()/100 
}); 

。私は何をすべきか？

Answer 1

ドキュメントがjQueryを使用して簡単に準備できているかどうかは、よく知られています。 ここでは、あなたのコードがどのように見えるべきかの例があります。

// to wrap code around the jQuery document ready event 
$(document).ready(function(){ /* stuff */ }); 

// or (shorthand for above) 
$(function(){ /* stuff */ }); 

// so your code could look like this 
$(function(){ 
    $('#div2').fadeInScroll(); 
}); 

は、自分のIDを持つように注意してください、あなたのJSコードであなたは#div2を使用しますが、あなたのhtmlは、IDとしてdiv1を持っています。

プラグインページ（https://github.com/maugelves/FadeInScroll）に行くと、index.htmlというファイルが表示されます。そこにあなたはそれがどのようにあるのかの例があります。

https://learn.jquery.com/using-jquery-core/document-ready/