1

最近我开始在一个已经存在的 Web 应用程序中使用选择的下拉菜单。由于 ajax 控件工具包可折叠面板生成的 div，下拉菜单无法正常工作。它们被overflow-y: hidden 截断。

当我在 Chrome 中使用检查元素（与萤火虫相同）删除此属性时，一切正常。我做了一些研究，但似乎找不到解决问题的方法。

这是生成的 div（通过 ajaxcontroltoolkit）：

<div id="" class="" style="border: 0px; 
 margin: 0px; padding: 0px; overflow-y: hidden; 
 visibility: visible; height: auto; display: block;">
  .......
</div>

下面是情况的图片，我在mspaint中刷了一点，所以这就是为什么它看起来这么糟糕。在图像下方，下拉菜单停止并且有 2 个按钮，按钮之后是页面的结尾。

在此处输入图像描述

可以说下面是我的正常代码，文档中 div 的位置是注释所在的位置。

<div class="tempdivso">&nbsp;</div>
<!-- it is generated right here !-->
<asp:Panel ID="collapsibelPanel" runat="server" CssClass="minheight no-overflow">

请告诉我如何将生成的溢出-y 更改为可见或完全删除 div。

4

1 回答 1

1

我终于通过不再为这个面板使用 AjaxControlToolkit 解决了这个问题。不幸的是，这是唯一一个不错且完美的工作解决方案。所以我只是通过使用 jQuery show and hide 复制了这个行为，只为这个面板。

于 2013-09-12T07:37:11.093 回答