add docs for affix events

javascript.html

@@ -2106,4 +2106,44 @@ $('#myCarousel').on('slide.bs.carousel', function () {
       </table>
     </div><!-- /.table-responsive -->
 
+
+    <h3>Events</h3>
+    <p>Bootstrap's affix class exposes a few events for hooking into affix functionality.</p>
+    <div class="table-responsive">
+      <table class="table table-bordered table-striped">
+        <thead>
+          <tr>
+            <th style="width: 150px;">Event Type</th>
+            <th>Description</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>affix.bs.affix</td>
+            <td>This event fires immediately before the element has been affixed.</td>
+          </tr>
+          <tr>
+            <td>affixed.bs.affix</td>
+            <td>This event is fired after the element has been affixed.</td>
+          </tr>
+          <tr>
+            <td>affix-top.bs.affix</td>
+            <td>This event fires immediately before the element has been affixed-top.</td>
+          </tr>
+          <tr>
+            <td>affixed-top.bs.affix</td>
+            <td>This event is fired after the element has been affixed-top.</td>
+          </tr>
+         <tr>
+          <td>affix-bottom.bs.affix</td>
+            <td>This event fires immediately before the element has been affixed-bottom.</td>
+          </tr>
+          <tr>
+            <td>affixed-bottom.bs.affix</td>
+            <td>This event is fired after the element has been affixed-bottom.</td>
+          </tr>
+        </tbody>
+      </table>
+    </div><!-- /.table-responsive -->
+
   </div>