下拉菜单不顶最

我有一些困难，有data-toggle="dropdown"。它打开，但呈现里面只有在所在的div，通过下面的图片作为证明：下拉菜单不顶最

一些HTML的：

<div class="row pull-right"> 
    <div class="col-md-12"> 
     <div class="btn-group"> 
      <button data-toggle="dropdown" class="btn btn-xs btn-link dropdown-toggle" aria-expanded="false"> 
       <i class="fa fa-ellipsis-h fa-lg" aria-hidden="true"></i> 
      </button> 
      <ul class="dropdown-menu"> 
       <li><a href="" ng-click="vm.doSomeStuff(args)">Delete</a></li> 
      </ul> 
     </div> 
    </div> 
</div>

下拉CSS：

我能解决这个问题吗？

Codepen例如：example

谢谢！

来源

2016-09-21 Richard Bailey

看起来像典型的溢出：隐藏的问题。 – CBroe

@CBroe感谢您的回复。我尝试将'overflow'更改为可见，但没有任何效果。除非我做错了什么 –

请展示完整的可测试示例。 [MCVE] – CBroe

它是由slimScroll又名fullScroll指令，它增加了以下内嵌样式（在运行时）造成的：

以下codepen，演示了问题...

<div full-scroll style="overflow: hidden; width: auto; height: 100%;"> 
    <div class="full-height-scroll"> 
     ... 
    </div> 
    <div class="slimScrollBar"></div> 
    <div class="slimScrollRail"></div> 
</div>

指令：

/** 
* fullScroll - Directive for slimScroll with 100% 
*/ 
function fullScroll($timeout){ 
    return { 
     restrict: 'A', 
     link: function(scope, element) { 
      $timeout(function(){ 
       element.slimscroll({ 
        height: '100%', 
        railOpacity: 0.9 
       }); 

      }); 
     } 
    }; 
}

新增内嵌样式：

[更新]

以下修复问题：

<div class="btn-group" uib-dropdown dropdown-append-to-body> 
    <button class="btn btn-xs btn-link" aria-expanded="false" uib-dropdown-toggle> 
     <i class="fa fa-ellipsis-h fa-lg" aria-hidden="true"></i> 
    </button> 
    <ul uib-dropdown-menu> 
     <li><a href="" ng-click="vm.doSomeStuff(ms)">Delete</a></li> 
    </ul> 
</div>

来源

2016-09-21 08:23:33

下拉菜单不顶最

回答

相关问题