我有一个600px X 150px的div,我需要粘贴一个jQuery ui选项卡.只有2个选项卡,但每个选项卡将包含大量的文本和图像,但我不想调整div大小.如果我将css中的overflow选项插入div或.ui-tabs,则会出现2个滚动 – 1个div,另一个在选项卡中,并且会滚动所有选项卡面板.
问题：如何将垂直滚动插入标签内容？
问题：如何将垂直滚动插入标签内容？
提前致谢.
解决方法
我想我有一个解决方案,如果我明白你的问题正确.这是jsFiddle上的
live example.
我添加了两个类,一个应用于整个选项卡元素,一个应用于每个选项卡面板.
.container{
width: 600px;
}
.panel{
height: 150px;
overflow: auto;
}
(容器类也可以重命名为ui-tabs,以便添加到jQuery UI ui-tabs类中,并且面板类可以重命名为ui-tabs-panel,以便添加到jQuery UI ui-tabs-小组班.)
这是我使用的标记
<div class='main'>
<div id="tabs" class='container'>
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
</ul>
<div id="tabs-1" class='panel'>
<p>tab1 text...</p>
</div>
<div id="tabs-2" class='panel'>
<p>tab2 text...</p>
</div>
</div>
</div>
当我用一些jQuery UI选项卡勾上这个魔法：
$(document).ready(function() {
$("#tabs").tabs();
});
我最终在标签内有一个滚动条.
我希望这有帮助！
