title: Using Scroll Wheel with Horizontal Scroll
body: <p>I'm relatively new to web design. I'm using PHP, HTML, CSS and JQuery in my design.
  I have created a scrolling image viewer with images as inline-blocks. The height is fixed to 100% of the screen so that the vertical scroll bar should never be used. I have allowed for scrolling in the x direction so the user can scroll horizontally through the images.</p>
  
  <p>This all works however the scroll wheel does nothing. Is there anyway that I can make vertical scroll input from the mouse translate to horizontal scrolling?</p>
  
  <p>CSS:
  </p>
  
  <pre><code>    .photoViewer {
      white-space: nowrap;
      height: 100%;
      overflow-x: scroll;
      overflow-y: hidden;
      padding-top: 50px;
  
  }
  
  .photoViewer li {
  
     display: inline-block;
     height: 100%;
      padding: 0;
  }
  
  .photoViewer li img{
      height: 100% ;
      width: auto;
      margin-right: 10px;
  }
  </code></pre>