0
我使用jqueryUI选项卡并希望在每个选项卡内实现平滑滚动条。我试了滚动插件如jQuery的自定义内容滚动,TinyScrollbar现在areaaperta NiceScroll,但每次我叠着同样的问题 - 滚动条仅适用里面一个标签..jQuery选项卡禁用jQuery滚动
<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的! – NullPointer
现在试试这个。我编辑了我的答案并检查了它。这工作完美。 – Rizstien
谢谢,像魅力一样工作;-) – NullPointer