使用jquery滚动选项卡

我正在使用以下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>

表1
表2

框1的内容

方框2的内容

等等

---

我将有许多“选项卡”项，我试图实现的是在选项卡列表项上尽可能容易地合并一个简单的垂直“滚动”。有人能给我指出正确的方向吗？

您可以使用一些css，因为您正在使用元素来存储您的内容，您的css文件将如下所示：

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

---

您也可以为每个元素使用不同的类

您可以使用一些css，因为您使用元素来存储您的内容，所以css文件将如下所示：

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

---

您也可以为每个元素使用不同的类

我假设我需要对jquery进行一些调整，因为我不想简单地拥有一个滚动条，而是希望通过jquery对列表进行上下滚动。我假设我需要对我的jquery进行一些调整，因为我不想简单地拥有一个滚动条，但是你想用jquery设置列表上下滚动的动画。看看这个插件，它实现了你想做的事情。看看这个插件，它实现了你想做的事情