jquery - jquery ui タブを使用したスクロール バーのカスタマイズ

Question

カスタマイズ スクロール バー (小さなスクロール バー、js スクロール ペインなど) をたくさん試しましたが、jquery ui タブでは機能しませんでした。

Answer 1

小さなスクロールバーの例。機能を確認してください

http://jsfiddle.net/trusktr/xQSxJ/

または、その場合はスクロールバーをタブに添付したいだけかもしれません ここをチェックしてください

http://jsfiddle.net/bSdbG/3/

CSS

.container{
    width: 600px;
}
.panel{
    height: 150px;
    overflow: auto;
}

js

$(document).ready(function() {
    $("#tabs").tabs();
});

html

<div class='main'>
    <div id="tabs" class='container'>
        <ul>
            <li><a href="#tabs-1">Tab 1</a></li>
            <li><a href="#tabs-2">Tab 2</a></li>
        </ul>
        <div id="tabs-1" class='panel'>
            <p>tab1 text...</p>
        </div>
        <div id="tabs-2" class='panel'>
            <p>tab2 text...</p>
        </div>
    </div>
</div>