Question

我想在标签标题溢出时为Ajax标签容器创建一个水平滚动条。我可以为它创建一个垂直滚动条，但我想要水平滚动条。

当前输出：

计划实现：

这是我的代码：

动态创建标签：

    //Aspx file:
<asp:scriptmanager ID="ScriptManager1" runat="server">
            </asp:scriptmanager>

        </div>
        <asp:updatepanel ID="UpdatePanel1" runat="server">
            <contenttemplate>

        <asp:placeholder ID="PlaceHolder1" runat="server"></asp:placeholder>
        </contenttemplate>
        </asp:updatepanel>

//Cs file:
protected void RETRIEVE_BUTTON_Click(object sender, EventArgs e)
        {
 AjaxControlToolkit.TabContainer container = new AjaxControlToolkit.TabContainer();
            container.ID = DateTime.Now.Millisecond.ToString();
            container.EnableViewState = false;
            container.Tabs.Clear();

            if (ListBox1.Items[0].Selected)
            {
                foreach (ListItem item in ListBox1.Items)
                {
                    if (item.Value == "1")
                    {
                        continue;
                    }
                    Label tabContent = new Label();
                    tabContent.ID += item.Value;
                    tabContent.Text += item.Value;

                    AjaxControlToolkit.TabPanel panel = new AjaxControlToolkit.TabPanel();
                    panel.HeaderText += item.Text;
                    container.Tabs.Add(panel);
                    panel.Controls.Add(tabContent);
                }
            }
            else
            {
                foreach (ListItem item in ListBox1.Items)
                {
                    if (item.Selected)
                    {
                        Label tabContent = new Label();
                        tabContent.ID += item.Value;
                        tabContent.Text += item.Value;

                        AjaxControlToolkit.TabPanel panel = new AjaxControlToolkit.TabPanel();
                        panel.HeaderText += item.Value;
                        container.Tabs.Add(panel);
                        panel.Controls.Add(tabContent);
                    }
                }
            }

            PlaceHolder1.Controls.Add(container);

为溢出标签页眉创建滚动条：

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

           $(".ajax__tab_header").html("<div style='height:80px;width:1200px;' >" + $(".ajax__tab_header").html() + "</div>");

       })
   </script>
   <style>
       .ajax__tab_header {
           height: 40px !important;
           width: 200px;
           overflow: scroll;
           overflow-y: hidden;
       }
   </style>

问题：当标题页溢出时，如何创建水平滚动条，不垂直滚动条。感谢有人可以帮助我，非常感谢!!

此致

费利西亚

Answer 1

尝试为x和amp;指定溢出y通过设置

overflow-x:scroll;
overflow-y:hidden;

而不是

overflow:scroll;
overflow-y:hidden

如何在选项卡容器（非垂直滚动条）中创建水平ScrollBar

1 个答案: