Question

在发生溢出的情况下弹出窗口会落后于父级部门

<div class="layout">
    <div class="abc">
        <div ng-show="items" ng-repeat="item in items" class="pqr">
            <div class="item-class">
               <!-- ...some data... -->
               <span>{{item.name}}</span>
            </div>
        </div>
        <div class="pqr">
            <div class="item-class dropdown-toggle" data-toggle="dropdown"> 
                 <span class="glyphicon glyphicon-plus"></span> 
            </div> 
            <ul class="add-menu dropdown-menu" role="menu">
                <li>
                    <a ng-click="addItem1()">&nbsp;Add type 1</a>
                </li>
                <li>
                    <a ng-click="addItem2()">&nbsp;Add type 2</a>
                </li>
            </ul>
        </div>
    </div>
</div>

css

.layout{
    overflow-y: auto;
}
.abc {
    height: 600px;
    width: 200px;
    display: table-cell;
}
.pqr {
    height: 30px;
    width: 30px;
}

将更多项目添加到布局容器时，它将使我们在垂直方向上滚动但是，在这种情况下，会发生溢出，并且添加图标位于右上角，将鼠标悬停在加号图标上时，它将在弹出菜单的右侧显示下拉菜单。但是弹出式窗口的一半将位于父分区的后面，仅在发生溢出的情况下才会发生这种情况，否则，弹出窗口将显示所有项目，

代码不是100％，而是添加了代码的必要部分。请帮助

溢出和Z索引问题

0 个答案: