使用container =“body”

时间:2018-03-10 14:10:31

标签: angular bootstrap-4

当我使用下面的下拉列表时,它正常工作。唯一的问题是它是为响应表设计添加滚动。

以下是更改前的示例

<div class="btn-group pull-right" dropdown dropdown-append-to-body>
    <button id="single-button" type="button" class="btn btn-primary" dropdownToggle>
        ...
    </button>
    <ul *dropdownMenu role="menu" aria-labelledby="single-button" class="list-dropdown-style Xpull-right fn-force-close-webuipop-on-a-click dropdown-menu">
        ...
    </ul>
</div>

更改后的示例

<div class="btn-group pull-right" dropdown dropdown-append-to-body container="body">
    <button id="single-button" type="button" class="btn btn-primary" dropdownToggle>
        ...
    </button>
    <ul *dropdownMenu role="menu" aria-labelledby="single-button" class="list-dropdown-style Xpull-right fn-force-close-webuipop-on-a-click dropdown-men the ">
        ...
    </ul>
</div>

我在第二个例子中添加的唯一内容是 container =“body”

我希望它能够打开按钮点击按钮下方的下拉列表,因为它之前正在工作。但是,在更改之后,它会打开其实际位置左侧的下拉列表。

0 个答案:

没有答案