title: jquery vertical scroll with mousewheel
body: <p>I have div containing images that I want to scroll up and down using the jquery mousewheel plugin. Not sure how to do this, the documentation is not very helpful would be grateful for any suggestions.</p>
  
  <pre><code>&lt;div class="innerScroll" style="float:left;width:448px;height:500px; overflow:hidden;"&gt;
  &lt;div class="mediaPanel"&gt;&lt;img src="media/poster_silence.jpg" alt="" /&gt;&lt;/div&gt;
  &lt;div class="mediaPanel"&gt;&lt;img src="media/poster_comingsoon.jpg" alt="" /&gt;&lt;/div&gt;
  &lt;div class="mediaPanel"&gt;&lt;img src="media/poster_comingsoon.jpg" alt="" /&gt;&lt;/div&gt;
  &lt;div class="mediaPanel"&gt;&lt;img src="media/poster_comingsoon.jpg" alt="" /&gt;&lt;/div&gt;
  &lt;div class="mediaPanel"&gt;&lt;img src="media/poster_comingsoon.jpg" alt="" /&gt;&lt;/div&gt;
  &lt;div class="mediaPanel"&gt;&lt;img src="media/poster_comingsoon.jpg" alt="" /&gt;&lt;/div&gt;
  &lt;div class="mediaPanel"&gt;&lt;img src="media/poster_comingsoon.jpg" alt="" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  </code></pre>
  
  <p>$('innerScroll').bind('mousewheel', function(event,delta){
   if (delta > 0) {</p>
  
  <p>} else {</p>
  
  <p>}
  });
  </p>