定位Bootstrap typeahead菜单

Question

我有一个模态窗口，从主窗口打开。

现在这个模态对话框有一个文本框（一种自动建议），用户可以在输入时获得建议列表。我正在使用Bootstrap typeahead。

所以我用

typeTimeout = setTimeout(function(){
    var _input = me.$element,
        _offset = _input.offset();

    _menu.css({
        position: "fixed",
        height: "auto",
        overflow: "visible",
        left: _offset.left,
        top: _offset.top + _input.outerHeight(),
        "z-index": 999999
    });
}, 5);

现在我的问题是如果调用模态而不在主窗口上滚动，建议列表会出现在正确的位置（即文本框的正下方）

但是，让我说我向下垂直向下滚动，然后调用模态对话框，在这种情况下，我的建议不会垂直显示在正确的位置（它们向下移动）。

如何解决此问题？

我尝试将位置从固定更改为绝对，但这没有用，因为我的父母提出的建议是相对div。