jquery scroll mouse wheel if input has hidden text with text-indent
<p>I have </p>

<pre><code>&lt;input type="text" readonly="readonly" style="width: 50px" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus viverra ullamcorper tellus, in varius erat mollis in. Suspendisse condimentum turpis sit amet tortor bibendum cursus lobortis enim posuere." /&gt;
</code></pre>

<p>The text is longer than the input width and the only way to view this is it you select the text which is hidden. </p>

<p>Is there a way to detect the scroll of the mousewheel up/down and change the <code>text-indent</code>?</p>

<p>I dont want this to effect the ability to select the text, e.g I wanted to copy/paste a single word "Phasellus". </p>

<p>Also be good if this worked for touch screen devices. </p>

<p><a href="http://jsfiddle.net/v4g8X/" rel="nofollow">jsFiddle</a></p>

<ol>
<li>It needs to only text-indent the text if its hidden (longer than the input width+padding+border)</li>
<li>Make it impossible to scroll too many and the text get completely hidden.</li>
</ol>
