title: How to set the scroll position of a div with a div overflowing inside it?
body: <p>I have the following html in a really simple html document.</p>
  
  <pre><code>&lt;div id="doublescroll_projects"&gt;
    &lt;div class="project_icons"&gt;
      &lt;div id="project" class="project_1"&gt;&lt;/div&gt;
      &lt;div id="project" class="project_2"&gt;&lt;/div&gt;
      &lt;div id="project" class="project_3"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Then, I have this css:</p>
  
  <pre><code>#doublescroll_projects {
     position:absolute;
       bottom:0px;
       right:0px;
  
     overflow:auto;
     width:900px;
     height:500px;
   }
      .project_icons {
         width:1500px;
         max-height:2000px;
   }
  
  #project {
      height:240px;
      width:360px;
      float:left;
      margin:50px 55px 55px 50px;
  }
  </code></pre>
  
  <p>The project_icons class makes the doublescroll_projects div scrollable in both directions. I want to set the scroll position to be half way scrolled vertically and halfway horizontally on the page load. </p>
  
  <p>I've looked at as many "set scrollbar" questions and answers I could find but nothing worked, or at least worked for me. 
  If theres a question that I missed please let me know, otherwise how would I do this?</p>