Question

我正在使用asp.net主页面;相关代码如下：

<body>      
  <form id="form1" runat="server">
    <asp:Panel ID="pnlHeader_TopLeft" runat="server"
     onmouseleave="$find('MenuCollapser').collapsePanel();">
      <asp:Panel ID="pnlAppTitle"  runat="server"
       onmouseenter="$find('MenuCollapser').expandPanel();">
         [my title bar]
      </asp:Panel>
      <asp:Panel ID="pnlMenuMain" Style="float: left; clear: both; 
       runat="server">
         [my menu items]
      </asp:Panel>
    </asp:Panel>
    <ajax:CollapsiblePanelExtender BehaviorID="MenuCollapser"
     TargetControlID="pnlMenuMain" ExpandDirection="Vertical"
     SuppressPostBack="true" Collapsed="true" runat="server" />
    <ajax:AlwaysVisibleControlExtender TargetControlID="pnlHeader_TopLeft"
     HorizontalSide="left" VerticalSide="Top" runat="server" />
  </form>
</body>

这很有效....除非pnlMenuMain的内容太多以至于面板的高度超出页面，否则会阻碍其底部。是否有某种方法可以限制其最大高度，以便在达到屏幕的最大高度之前停止扩展，并使用滚动条代替？

Answer 1

我会在评论中回复，但我的代表当时太低了。您应该能够设置面板的height属性，然后更改面板的属性以包含

    ScrollBars="Vertical"

静态高度属性将使其不会自动展开页面，滚动条属性应允许您在菜单选项数量很多时离开页面时查看所有选项。

如果大于页面，制作（可折叠，自动调整且始终可见）面板显示滚动条？

1 个答案: