Question

所以，我有一个页眉和一个页脚：

<div id='footer' class="ui bottom sidebar">
<div id='header' class='ui top sidebar'>

而且，JS：

$('#header').sidebar('show');
$('#footer').sidebar('show');

问题是同时显示两个侧边栏会导致第一个侧边栏重新调整。从我看来，语义使用边距来推动屏幕上或屏幕外的元素，可能是通过某种CSS过渡。通过使页脚处于活动状态，它似乎将标题推离屏幕。修复标题对情况没有帮助。如何在没有冲突的情况下同时激活两个侧边栏？

有什么建议吗？

Answer 1

默认情况下，语义UI边栏模块是独占的;换句话说，一次只能打开一个。当显示新的侧边栏时，Semantic会自动隐藏其他侧边栏。

您可以通过配置侧边栏来更改此行为：

$('.ui.sidebar').sidebar({
    exclusive: false
});
$('.ui.sidebar').sidebar('show');

此Javascript将导致您的两个侧边栏都设置为非独占，然后同时显示它们。此功能在补充工具栏模块的语义UI文档中注明：