语义UI：两个侧边栏冲突，一次只有一个？

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侧栏模块是独占的;换句话说，一次只能打开一个。显示新语句时，语义会自动隐藏其他侧边栏。

您可以通过配置您的侧边栏像这样改变这种行为：

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

（Example jsFiddle）

这个Javascript会导致双方你的侧边栏的设置为非排他性的，然后向他们展示都。在侧边栏模块的语义UI文档中提到了此功能：

http://semantic-ui.com/modules/sidebar.html#/settings