Javascript 当文本区域位于页面底部时显示引导下拉列表

我试图使用

typeahead.js

来显示一些名称。我在页面底部有一个文本区域，希望在文本区域上方显示菜单。 我已经提到了非常适合我的实现的方法

根据引导，在typeahead输出的

元素的顶部需要一个带有类dropup的div包装器

我使用了

bootstrap.min.css

。下面是textarea元素后的typeahead输出：

<textarea class="form-control" ng-model="ctrl.users" id="users" placeholder="Type a name" rows="2" mentionuser></textarea>
  <ul class="typeahead dropdown-menu">
    <li data-value="rohit" class="active">
      <a href="#"><span class="mention_username"> <strong>r</strong>ohit</span></a>
    </li>
    <li data-value="alpha">
      <a href="#"><span class="mention_username"> alpha</span></a>
    </li>
  </ul>

注意：我只想显示一个弹出窗口，方法是将

div

包装到typeahead

ul

元素的结果上，如果是，那么如何操作。或者通过编辑css，我们投入了大量的精力，但是这些类没有得到适当的匹配