title: Scroll content automatically in an overflow:none element (jQuery)
body: <p>I have mixed content (images, text) in an overflow:none element. Now, I'd like to automatically scroll that content in x/y axis based on the location of the mouse pointer. Overflow:auto wouldn't be an option, as I wouldn't like to show/use the scrollbars in that element.</p>
  
  <p>I've found a script which does something similar, but only with the background image. Is there a way to have a similar effect but with moving the whole content of the div? Thank you for your answers in advance!</p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
    &lt;title&gt;Test jQuery Move Background with Mouse Move&lt;/title&gt;
    &lt;link rev="made" href="mailto:covertlinks [ at ] gmail [ dot ] com" /&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /&gt;
    &lt;meta name="generator" content="NoteTab Pro 5.5" /&gt;
    &lt;meta name="author" content="Perry Wolf" /&gt;
    &lt;meta name="description" content="" /&gt;
    &lt;meta name="keywords" content="" /&gt;
  &lt;script type="text/javascript" src="jquery.1.3.2.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      var vH=$('#viewer').height();
      var vW=$('#viewer').width();
      var vT=$('#viewer').offset().top;
      var vL=$('#viewer').offset().left;
      $('#viewer').mousemove(function(e){
          var ypos=e.pageY-vT;
          var xpos=e.pageX-vL;
          var y=Math.round(ypos/vW*100);
          var x=Math.round(xpos/vH*100);
          $('#test').val(x+' , '+y);
          $('#viewer').css({backgroundPosition: x+'% '+y+'%'});
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body style="color:#FFFFFF;background:#102030;text-align:center;"&gt;
  &lt;h1 style="text-align:center;"&gt;Test Move Background on Mousemove:&lt;/h1&gt;
  &lt;div id="viewer" style="border:solid 1px #FFFFFF;margin:50px auto 0px auto;width:400px;height:400px;background:url(ironhide1024x768.jpg) 0% 0% no-repeat;cursor:url(target_cursor.gif), crosshair;text-align:center;line-height:300px;"&gt;
  &lt;/div&gt;
  &lt;input type="text" id="test" size="30" style="display:block;margin:10px auto;width:150px;" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>