【问题标题】:Scrolling Tabs with jquery使用 jquery 滚动标签
【发布时间】:2023-04-07 18:42:01
【问题描述】:

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

等等……

我将有许多“标签”项目,而我想要完成的是尽可能轻松地在标签列表项目上合并一个简单的垂直“滚动”。谁能指出我正确的方向?

【问题讨论】:

标签: jquery tabs scroll


【解决方案1】:

你可以使用一些css,因为你正在使用

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

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

你可以为每个类使用不同的类

元素也是

【讨论】:

  • 我假设我需要对我的 jquery 进行一些调整,因为我不想简单地有一个滚动条,而是希望使用 jquery 对列表进行上下滚动。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-03-20
  • 1970-01-01
  • 2019-07-27
  • 2011-12-11
  • 2015-03-29
  • 1970-01-01
相关资源
最近更新 更多