如果大于页面，则制作一个(可折叠、自动缩放且始终可见)面板显示滚动条

我正在使用一个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的内容太多，以至于面板的高度超出页面，遮挡其底部。有没有什么方法可以限制它的最大高度，使它在达到屏幕的最大高度之前停止扩展，并使用滚动条代替？

我会在评论中回复，但我的代表目前太低了。您应该能够设置面板的高度属性，然后更改面板的属性以包括

    ScrollBars="Vertical"

静态高度属性将阻止它自动扩展页面，滚动条属性应允许您在菜单选项数量巨大并离开页面时查看所有选项。

相关内容

最新更新

热门标签：