gpt4 book ai didi

javascript - 下拉菜单被 div 隐藏并自动溢出

转载 作者:太空宇宙 更新时间:2023-11-04 07:48:53 24 4
gpt4 key购买 nike

我有一个放置在表格行中的下拉菜单,其中包含一些隐藏内容。 Sample image

我无法触及祖先的 html,因为我无法控制它。我找到了这个例子 https://css-tricks.com/popping-hidden-overflow/但 div 仍然留在溢出的 div 中。

有什么解决方案,不需要将这个下拉内容固定在 HTML 的末尾?

我正在拒绝 ID 为“thedropdownmenu”的下拉菜单和类名为“dataTables_scrollBody”的溢出 div。请检查 jsfiddle。

Code Sample

<div class="dataTables_scroll">
<div class="dataTables_scrollBody" style="position: relative; overflow: auto; width: 100%;">
<table id="myDataTable" class="display no-footer DTTT_selectable dataTable" aria-describedby="myDataTable_info" role="grid" style="width: 1960px;">
<thead>
</thead>
<tbody>
<tr role="row" class="odd">
<td>
<div id="756d44c4-21f8-4cb7-bfb2-f3e8803630c1_Ajuntar" data-requiredfields="12" class="tableAction tableActionDropdown tableActionActive" onclick="checkIfChangeWithReasonActionIsActive(this, event)">
<div id="thedropdownmenu" class="dropdown open">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false"><span id="" class="tableActionOption icon-reject" title="Ajuntar"></span></a>
<ul class="dropdown-menu" role="menu">
<li class="dropdown-item"><a class="tableAction" tabindex="-1" href="#" value="5a3a930462168e45246c9da7" data-option="687a2389-abfa-4915-8eec-86ea3b7f0509">Falta DNI</a></li>
<li class="dropdown-item"><a class="tableAction" tabindex="-1" href="#" value="5a3a930462168e45246c9da7" data-option="a5d7cd22-34bd-4cc3-9534-d19d5c31f6f0">Faltan Escrituras</a></li>
<li class="dropdown-item"><a class="tableAction" tabindex="-1" href="#" value="5a3a930462168e45246c9da7" data-option="23065843-eac4-4a56-964e-c22dc9755fc7">Falta SEPA</a></li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

最佳答案

我只看到一个方法,使用固定定位。它不会有相同的效果,但如果您不想将 html 更改到其他位置,则别无他法。示例:

.dropdown-menu{
position: fixed;
left: 0;
top: 0;
right: auto;
}

希望对您有所帮助。

关于javascript - 下拉菜单被 div 隐藏并自动溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47930194/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com