下拉引导不显示多达

我使用引导下面的代码的滚动条：下拉引导不显示多达

<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>

http://plnkr.co/edit/DwQIi6ipDgN9LIOe5TqR?p=preview

当我点击下拉菜单，它显示滚动条下，我怎么能使其显示在滚动条的顶部？

这是我的问题截图： enter image description here

我要做到以下几点：（编辑） enter image description here

感谢

来源

2014-07-09 Ramzy Abourafeh

任何人都可以帮忙吗？ –

-1

你的意思是你想要的下拉菜单中去了？如果是这样的检查在这里：http://getbootstrap.com/components/#btn-dropdowns-dropup

好还是不知道你的意思，但我想，也许尝试，在你的代码就行：14

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

的100px的高度和溢出导致滚动条出现删除那些。

来源

2014-07-09 13:17:45 Bosc

不，请查看截图（编辑）我想要做什么。 –

我想离开div的高度！ –

-1

线14具有下面的代码：

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

然而，这限制了你下拉到只有100px的高度。有趣的是，这是在第二行文本之后。

要修复，请删除样式的高度和溢出部分。在这种情况下，你可以有一个单一的<div>

来源

2014-07-09 14:25:20 ajdigregorio

我想离开div的高度！ –

@RamzyAbourafeh好的，那么你的下拉不会超过100px：P。 – ajdigregorio

没有人，我添加了我的项目截图，请看我的问题 –

如果你还在寻找一个答案，你可以尝试

<div style="width:200px;height:100px;line-height:3em;overflow:auto;padding:5px;">

这将滚动条移动到下拉的侧面，而不是侧面

对于在滚动条下进行下拉操作的问题，您需要更改方框打开的方式，在引导程序中它的位置设置为绝对值，并且左边为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; 
}

来源

2014-07-18 13:54:49 Bosc

下拉引导不显示多达

回答

相关问题