jQuery UI选项卡—ajax加载的内容不'；卷轴

在INDEX.PHP中 我的选项卡声明为：

$(function() {
            $( "#tabs" ).tabs({
                load: function(event, ui) {
                    console.log("load event ran");
                    $('a', ui.panel).live("click", function() {
                           $(ui.panel).load(this.href);
                           return false;
                           });
                   }

           });

        });

我喜欢使用外部php文件加载内容：

<div id="tabs">
            <ul>
              <li><a href="content.php?div=Production">Production</a></li>
              <li><a href="content.php?div=Digital">Digital</a></li>
            </ul>
        </div>

结果显示在选项卡中，但浏览器不会创建垂直滚动条来查看不适合浏览器窗口的内容

我知道这是s/t，它与彼此内部的多个ajax功能有关，我如何强制浏览器查看页面内容并创建滚动条

---

另外，我对jQuery和DOM功能只有一般的了解

尝试将其添加到css中

.ui-tabs-panel {
     overflow:auto;
}

---

ps.听起来您的问题只与样式表/样式有关，而与jquery/script无关

我已经尝试将css更改为：.ui tabs.ui tabs面板{显示：块；边框宽度：0；填充：1em 1.4em；背景：无；溢出：自动；}-这不起作用。你能在jsfiddle.net上上传一个屏幕截图或示例吗？尝试固定选项卡的高度或添加html{overflow-y:scroll；}可能是页面本身没有滚动。你以前从未尝试过jsfiddle.net，也不确定你想看到什么屏幕截图。下面是浏览器截图：添加html{overflow-y:scroll；}确实解决了问题。谢谢但还是很奇怪。。。。

.ui-tabs-panel {
     overflow:auto;
}