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>