Twitter bootstrap 下拉引导不会在滚动条上显示

Twitter bootstrap 下拉引导不会在滚动条上显示,twitter-bootstrap,twitter-bootstrap-3,angular-ui-bootstrap,Twitter Bootstrap,Twitter Bootstrap 3,Angular Ui Bootstrap,我使用bootstrap编写了以下代码: <div ng-controller="DropdownCtrl"> <div style="height: 100px; overflow-y: auto;"> <!-- Single button --> <div class="btn-group" dropdown is-open="status.isopen">

我使用bootstrap编写了以下代码:

    <div ng-controller="DropdownCtrl">
        <div style="height: 100px; overflow-y: auto;">


            <!-- Single button -->
            <div class="btn-group" dropdown is-open="status.isopen">
                <button type="button" class="btn btn-primary dropdown-toggle" ng-disabled="disabled">
                    Button dropdown <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Action</a>
                    </li>
                    <li><a href="#">Another action</a>
                    </li>
                    <li><a href="#">Something else here</a>
                    </li>
                    <li class="divider"></li>
                    <li><a href="#">Separated link</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
当我点击下拉菜单时,它会显示在滚动条下,我怎样才能使它显示在滚动条的顶部

这是我的问题的截图:

我要执行以下操作:编辑


谢谢

您的意思是要打开下拉菜单吗?如果是,请点击此处:

好的,我仍然不确定你的意思,但我想也许可以试试,在你的代码第14行

<div style="height: 100px; overflow-y: auto;">

100px高度和溢出导致滚动条显示为删除这些内容。

第14行有以下代码:

<div style="height: 100px; overflow-y: auto;">
然而,这限制了您的下降高度仅为100px。有趣的是,这就在第二行文字之后


若要修复,请删除样式的“高度”和“y”部分。在这种情况下,如果您仍在寻找此问题的答案,您可以尝试使用单个

<div style="width:200px;height:100px;line-height:3em;overflow:auto;padding:5px;">
这会将滚动条移到下拉列表的一侧,而不是页面的一侧

对于scrolbar下的下拉列表问题,您需要更改盒子打开的方向,在引导中,其位置设置为绝对和左侧:0;您需要将其更改为右侧:0

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;    <--- change this to right:0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

不,看截图编辑我想做的。我想离开div的高度!我想离开潜水舱的高度@Ramzyaborafeh好的,那么你的下拉列表不会超过100px:P。没有人,我添加了我项目的屏幕截图,看到我的问题了吗please@RamzyAbourafeh公平地说,你原来的帖子根本不清楚你目前的问题。我认为这不是你能解决的问题,我相信这是一个浏览器设置。