Question

我使用jqueryUI选项卡，并希望在每个选项卡中实现平滑的滚动条。我尝试了几个可滚动的插件，如jQuery自定义内容滚动条，TinyScrollbar和现在的areaaperta NiceScroll，但每次我都堆叠同样的问题 - 滚动条只能在一个标签内工作..

    <script>
    $(function() {
        $( "#tabs" ).tabs();
    });
    </script>

    <div id="tabs" style="width:900px; font-size:100%;">
    <ul>
        <li><a href="#tabs-1" >FIRST</a></li>
        <li><a href="#tabs-2">SECOND</a></li>
        <li><a href="#tabs-3">THIRD</a></li>
    </ul>
    <div id="tabs-1">
        <div id="thisdiv">
        <p><b>FIRST SCROLLABLE PARAGRAPH</b>...</p></div></div>

    <div id="tabs-2"><div id="thisdiv2">
        <p><b>SECOND SCROLLABLE PARAGRAPH</b>...</p>
    </div></div>
    <div id="tabs-3">
        <p>THIRD TAB </p>
    </div>
</div>

    <script>
    $(document).ready(
  function() {     
    $("#thisdiv").niceScroll({cursorcolor:"#00F"});
    $("#thisdiv2").niceScroll({cursorcolor:"#00F"});  }
);
    </script>

这是jsfiddle，显示UItabs和两个niceScroll插件滚动条之间没有冲突：http://jsfiddle.net/Fluc/EhcqX/4/

在这里，我尝试在每个标签内使用带滚动条的相同div： http://jsfiddle.net/Fluc/cJPT3/2/

如您所见，可滚动仅在第一个选项卡内部工作..与其他可滚动插头相同..

我不是jquery程序员，但感觉问题与某处的显示属性有关。

非常感谢任何帮助！

Jquery选项卡，每个选项卡都有滚动

0 个答案: