fixes for issue #1

README.md

@@ -78,6 +78,12 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
                  <td>1</td>
                  <td>The minimum character length needed before triggering autocomplete suggestions</td>
                </tr>
+              <tr>
+                 <td>scrollHeight</td>
+                 <td>number, function</td>
+                 <td>0</td>
+                 <td>Number of pixels the scollable parent container scrolled down (scrolled out the viewport)</td>
+               </tr>
                <tr>
                  <td>matcher</td>
                  <td>function</td>

bootstrap3-typeahead.js

@@ -60,12 +60,16 @@
   , show: function () {
       var pos = $.extend({}, this.$element.position(), {
         height: this.$element[0].offsetHeight
-      })
+      }), scrollHeight
+
+      scrollHeight = typeof this.options.scrollHeight == 'function' ?
+          this.options.scrollHeight.call() :
+          this.options.scrollHeight
 
       this.$menu
         .insertAfter(this.$element)
         .css({
-          top: pos.top + pos.height
+          top: pos.top + pos.height + scrollHeight
         , left: pos.left
         })
         .show()
@@ -311,6 +315,7 @@
   , menu: '<ul class="typeahead dropdown-menu"></ul>'
   , item: '<li><a href="#"></a></li>'
   , minLength: 1
+  , scrollHeight: 0 
   }
 
   $.fn.typeahead.Constructor = Typeahead