Прокручиваемое Kendo Tabstrip при переполнении вкладок

Кто-нибудь когда-либо мог заставить полосу прокрутки Kendo прокручивать при переполнении вкладки?

В настоящее время я могу получить элемент управления вкладки, чтобы представить полосу прокрутки внизу, но это не желаемое поведение, потому что оно также перемещает содержимое.

Мы просто хотим иметь возможность прокручивать вкладки, когда они переполняются.

Кто-нибудь достиг этого? Если да, то как ты это сделал?

2 ответа

Решение

Нашел ответ здесь: 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;
}

Это сработало для меня

Проверьте документацию на вкладках с возможностью прокрутки:

Прокручиваемые вкладки Kendo UI

Другие вопросы по тегам