固定标签导航小部件的高度

Fixed height on tabs navigation widget

本文关键字:高度 小部 导航 标签      更新时间:2023-09-26

有人可以帮我找出如何将我的选项卡小部件设置为设定的高度,这样当添加更多内容时,它将恢复为滚动条以查看更多信息。目前,随着我添加更多内容,它一直在扩展。我尝试浏览 css 和 js,但无法弄清楚。我需要包含此小部件,以便我的主页不会扩展数英里。

这是我从中获取选项卡小部件的网站:http://jqueryui.com/tabs/

这是 CSS 文件:http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css

谢谢!

在 css 中尝试以下内容

.elementclassname { 
height:800px; 
Overflow-y: scroll;
}

在页面 http://jqueryui.com/tabs/的同一示例中重现所需的内容

您需要将其添加到您的 CSS 中:

#tabs-1, #tabs-2, #tabs-3 { 
height:200px;
overflow-y: scroll;
}

你可以在这里看看它 https://jsfiddle.net/wallek876/cacn5djv/2/