Question

我使用以下jquery标签：

    $(function() {

    $('ul.tabs').each(function() {
        $(this).find('li').each(function(i) {
            $(this).click(function(){
                $(this).addClass('current').siblings().removeClass('current')
                    .parents('div.section').find('div.box').hide().end().find('div.box:eq('+i+')').fadeIn();
            });
        });
    });
})

使用以下html：

<div class="section">

<ul class="tabs">
    <li class="current">Tab 1</li>
    <li>Tab 2</li>
</ul>

<div class="box visible">
    <p>Content for box 1.</p>

</div>

<div class="box">
    <p>Content for box 2.</p>

</div>

</div>

依旧......

我会有很多＆＃34; tab＆＃34;项目和我想要完成的是将一个简单的垂直＆＃34;滚动＆＃34;在选项卡列表项目上尽可能容易。有人能指出我正确的方向吗？

Answer 1

您可以使用某些css，因为您使用

元素来存储您的内容，您的css文件将如下所示：

p{
height: 200px;
overflow-y:scroll;
}

您也可以为每个

元素使用不同的类

使用jquery滚动选项卡

1 个答案: