title: Fade in on automated scrolldown (a href="#")
body: <p><br>
  I have image button:</p>
  
  <pre><code>                &lt;a href="#our-apps"&gt;&lt;img src="assets/img/arrow-down.png" width="350"/&gt;&lt;/a&gt;          
  </code></pre>
  
  <p>It will use jquery to smooth scrolldown to div with id #our-apps.
  <br>
  I want to fade in div containter with id #our-apps when someone is scrolling or when click on image that will use smooth scrolling method to auto scroll down to #our-apps.
  <br>
  Here is code of div #our-apps:    </p>
  
  <pre><code>            &lt;div class="main" id="our-apps"&gt;
              &lt;section&gt;
                  &lt;h1&gt;Our Apps&lt;/h1&gt;
                  &lt;img src="assets/img/htc.png" align="centerleft" alt="HTC" /&gt;
                  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                  &lt;img src="assets/img/htc.png" align="centerright" alt="HTC" /&gt;
              &lt;/section&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Thanks.</p>