title: Setting "scrollTop" for overflowing element via HTML/CSS (without javascript)
body: <p>Suppose I have the following html:</p>
  
  <pre><code>&lt;div style="width:200px;height:200px;overflow:scroll"&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p>If the stuff in this div ends up overflowing, the most popular way to change the scrolling position of this item is to use jQuery.scrollTop(). However, I have a situation where I would like to set the initial scroll position of the div using the source HTML. Is there a way of doing this? All examples I see online for doing this end up using javascript.</p>
  
  <p>One way I tried is to write a scrollTop property on the element, like so:</p>
  
  <pre><code>&lt;div scrollTop=20 style="width:200px;height:200px;overflow:scroll"&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p>However, this does not work. Surely, there must be a way to set the initial scrolling position of an overflowing item via HTML/CSS...</p>
  
  <p>Here is a full version of this code that illustrates that it doesn't work- The vertical scrollbar remains at "0": <a href="http://jsfiddle.net/gueBZ/1/" rel="nofollow">http://jsfiddle.net/gueBZ/1/</a></p>
  
  <p>Can anyone help me to make it work? Thanks so much for any pointers!</p>