<div id="container">
      <div id="universe">
        <div id="box1" class="box">Blue</div>
        <div id="box2" class="box">Red</div>
        <div id="box3" class="box">Yellow</div>
        <div id="box4" class="box">Green</div>
      </div>
      <div id="scroll-trigger" title="Click to pan around" >
      </div>    
    </div>
    <div id="scroll-overlay" style="display: none">
      <div><button id="scroll-done">Done</button></div>
    </div>  
  </body>