使用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>