title: Add Vertical Scroll Bar To Google Maps Sidebar
body: <p>I wonder whether someone may be able to help me please.</p>
  
  <p>The code below is a section of my web page which creates a sidebar for a Google map.</p>
  
  <pre><code>// == rebuilds the sidebar to match the markers currently displayed == 
  function makeSidebar() {
    var html = "";
    for (var i = 0; i &lt; gmarkers.length; i++) {
      if (gmarkers[i].getVisible()) {
        html += '&lt;a href="javascript:myclick(' + i + ')"&gt;' + gmarkers[i].myname + " - " + gmarkers[i].mydescription + '&lt;\/a&gt;&lt;br&gt;';
      }
    }
    document.getElementById("sidebar").innerHTML = html;
  }
  </code></pre>
  
  <p>The problem I have is that as the list of map marker grows its becoming increasingly difficult to scroll the page to see all the entries.</p>
  
  <p>What I'd like to be able to do is create a vertical scroll bar which will allow easier navigation. I've done some reading on this, and I think I'm correct in saying that if this was in a <code>div</code> I could use the <code>overflow</code>?. but I'm not sure how to replicate when using Javascript.</p>
  
  <p>I just wondered whether someone could perhaps take a look at this please and offer some guidance on how I could go about this.</p>
  
  <p>Many thanks and Kind regards</p>