title: Bootstrap scrollspy on scrollable div
body: <p>I'm trying to get Bootstraps ScrollSpy or any "scroll spy" type script to work on a <strong>scrollable div</strong> named <code>#reportContainer</code>.</p>
  
  <p>I have two link's in my tag because one is a delete button to remove the page. The links with the class <code>.page</code> is what I want it to look at.</p>
  
  <p>Could anyone help me get this working?</p>
  
  <p><strong>NAVIGATION</strong>    </p>
  
  <pre><code>&lt;div id="leftReportBar"&gt;
      &lt;div id="leftBarContainer"&gt;
          &lt;ul id="reportNav" class="ui-sortable"&gt;
              &lt;li id="page_1_links"&gt;
                  &lt;a href="#" class="removePage ss-delete" id="page_1"&gt;&amp;nbsp;&lt;/a&gt;
                  &lt;a class="page" href="#page1"&gt;Page 1&lt;/a&gt;
              &lt;/li&gt;
              &lt;li id="page_2_links"&gt;
                  &lt;a href="#" class="removePage ss-delete" id="page_2"&gt;&amp;nbsp;&lt;/a&gt;
                  &lt;a class="page" href="#page2"&gt;Page 2&lt;/a&gt;
              &lt;/li&gt;
              &lt;li id="page_3_links"&gt;
                  &lt;a href="#" class="removePage ss-delete" id="page_3"&gt;&amp;nbsp;&lt;/a&gt;
                  &lt;a class="page" href="#page3"&gt;Page 3&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>TARGET</strong></p>
  
  <pre><code>&lt;div id="reportContainer" style="height: 224px;" data-spy="scroll"&gt;
      &lt;div id="zoomMe"&gt;
          &lt;form action="#" id="page1"&gt;
              &lt;div id="formPage"&gt;
                  &lt;!-- CONTENT GOES HERE --&gt;
              &lt;/div&gt;
          &lt;/form&gt;
  
          &lt;form action="#" id="page2"&gt;
              &lt;div id="formPage"&gt;
                  &lt;!-- CONTENT GOES HERE --&gt;
              &lt;/div&gt;
          &lt;/form&gt; 
  
          &lt;form action="#" id="page3"&gt;
              &lt;div id="formPage"&gt;
                  &lt;!-- CONTENT GOES HERE --&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>