How do I get a element to scroll into view, using JQuery?
<p>I have a html document with images in a grid format using <code>&lt;ul&gt;&lt;li&gt;&lt;img...</code>. The browser window has both vertical &amp; horizontal scrolling. </p>

<p><strong>Question:</strong> 
When I click on a image <code>&lt;img&gt;</code> how then do I get the whole document to scroll to a position where the image I just clicked on is <code>top:20px; left:20px</code> ?</p>

<p>I've had a browse on here for similar posts...although I'm quite new to JavaScript/JQuery and want to understand how this is achieved for myself.</p>

<p>Any help would be Greatly Appreciated, Thanks</p>
