Question

下面是Ajax tabContainer Header滚动条的代码它看起来是滚动条的后面板是可见的，但实际的滚动条没有显示滚动条的代码在脚本标记中我正在使用溢出：滚动;溢出-γ：隐藏;滚动条和.ajax__tab_body使标签主体向下移动

 <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>

          <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script>
            $(function () {

                $(".ajax__tab_header").html("<div style='height:35px; overflow:scroll; overflow-y:hidden;  width:350px;         ' >" + $(".ajax__tab_header").html() + "</div>");

            })
        </script>

      <style>
            .ajax__tab_body
            {
               width:323px;
             position:absolute;
              top: 45px  ;

            } 

        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
          <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>
         <asp:TabContainer runat="server" 
            OnClientActiveTabChanged="ClientFunction" 
            Height="500px" ActiveTabIndex="7" Width="323px" ID="tab" BorderStyle="None"  
              ScrollBars="Auto" UseVerticalStripPlacement="false" EnableTheming="True" 
              >
        <asp:TabPanel runat="server" 
            HeaderText="Signature and Bio" ID="test" ScrollBars="Both"></asp:TabPanel>
            <ContentTemplate>
                ...
            </ContentTemplate>
        /><asp:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1">
             </asp:TabPanel>
             <asp:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
             </asp:TabPanel>
             <asp:TabPanel ID="TabPanel3" runat="server" HeaderText="TabPanel3">
             </asp:TabPanel>
             <asp:TabPanel ID="TabPanel4" runat="server" HeaderText="TabPanel4">
             </asp:TabPanel>
             <asp:TabPanel ID="TabPanel5" runat="server" HeaderText="TabPanel5">
             </asp:TabPanel>
             <asp:TabPanel ID="TabPanel6" runat="server" HeaderText="TabPanel6">
             </asp:TabPanel>
             <asp:TabPanel ID="TabPanel7" runat="server" HeaderText="TabPanel7">
             </asp:TabPanel>
    </asp:TabContainer><br /><br /><br /><br />






            </div>
        </form>
    </body>
    </html>

Ajax tabContainer标题滚动条不起作用

0 个答案: