title: Animate a div when scrolling page
body: <p>i want to annimate 3 divs when the user scroll down the page, i followed many ttorials, it didn't work any suggestions how to do it, because the divs haz a defined css classes  this is the divs . i wante them to fade up or down or any cool anniation how to acomplish this . please .</p>
  
  <pre><code>  &lt;section  &gt;
          &lt;div class="container"&gt;
              &lt;h1&gt;   PRODUITS &lt;/h1&gt;
                  &lt;div class="row"&gt;
  
                    &lt;a href="pehdeauFrame.php"&gt;
                      &lt;div id="mudivsho" class="col-md-4 col-sm-4"&gt;
                            &lt;div class="panel panel-default"&gt;
                              &lt;div  class="panel-body"&gt;
                               &lt;h4 style="text-align:center;" class="adjst"&gt;Tubes PEHD pour Eaux &lt;/h4&gt;
                             &lt;img id="imgeaudiv" src="assets/images/diveau.jpg"&gt;
                            &lt;/div&gt;
                            &lt;/div&gt;    
                      &lt;/div&gt;
  
                   &lt;/a&gt;
  
                     &lt;a href="pehdTelecomFrame.php"&gt;
                     &lt;div id="mudivsho" class="col-md-4 col-sm-4"&gt;
                            &lt;div class="panel panel-default"&gt;
                          &lt;div  class="panel-body"&gt;
                               &lt;h4 style="text-align:center;" class="adjst"&gt;PEHD pour gaine Fibre Optique&lt;/h4&gt;
                             &lt;img id="imgeaudiv" src="assets/images/divtelecom.jpg"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;     
                      &lt;/div&gt;
                     &lt;/a&gt;
  
                      &lt;a href="http://www.mansouriplast.com/"&gt;
                     &lt;div id="mudivsho" class="col-md-4 col-sm-4"&gt;
                            &lt;div class="panel panel-default"&gt;
                          &lt;div  class="panel-body"&gt;
                               &lt;h4 style="text-align:center;" class="adjst"&gt;Tubes PVC&lt;/h4&gt;
                              &lt;img id="imgeaudiv" src="assets/images/divpvc.jpg"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;       
                      &lt;/div&gt;
                    &lt;/a&gt;
  
                  &lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/section&gt;
  </code></pre>