当标签页溢出时，可滚动的Kendo Tabstrip

Question

有没有人能够在有标签页溢出时使Kendo标签页滚动？

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

我们只是希望能够在选项卡溢出时滚动。

有没有人完成过这个？如果是这样，你是怎么做到的？

Answer 1

在这里找到了答案：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> 

的Javascript：

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

这为我工作

Answer 2

退房上滚动能够标签的文档：

Kendo UI Scrollable Tabs