3

タブがオーバーフローしたときに Kendo タブストリップをスクロールできた人はいますか?

現在、タブ コントロールの下部にスクロール バーを表示することができますが、コンテンツも移動するため、これは望ましい動作ではありません。

タブがオーバーフローしたときにタブ間をスクロールできるようにしたいだけです。

誰かがこれを達成しましたか？もしそうなら、どのようにしましたか？

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

スクロール可能なタブに関するドキュメントを確認してください。

剣道UIのスクロール可能なタブ

于 2016-05-11T19:58:10.850 に答える