3

当标签溢出时，有没有人能够让剑道标签条滚动？

我目前可以让选项卡控件在底部显示一个滚动条，但这不是所需的行为，因为它也会移动内容。

我们只想在标签溢出时能够在标签之间滚动。

有没有人做到这一点？如果是这样，你是怎么做到的？

4

2 回答 2

8

在这里找到答案：http: //jsfiddle.net/dimodi/6Z62d/

HTML：

<p>Tabs become scrollable</p>

<div id="tabStrip1">
    <ul>
        <li class="k-state-active">tab item 1</li>
        <li>tab item 2</li>
        <li>tab item 3</li>
        <li>tab item 4</li>
        <li>tab item 5</li>
        <li>tab item 2</li>
        <li>tab item 3</li>
        <li>tab item 4</li>
        <li>tab item 5</li>
    </ul>
    <div>content 1</div>
    <div>content 2</div>
    <div>content 3</div>
    <div>content 4</div>
    <div>content 5</div>
</div>

CSS：

#tabStrip1 > .k-tabstrip-items
{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

这对我有用。

于 2014-06-17T18:57:00.183 回答
1

查看可滚动选项卡上的文档：

Kendo UI 可滚动标签

于 2016-05-11T19:58:10.850 回答