javascript - 语义 UI 中边栏和#pusher 的问题

Question

请帮我解决这个问题。

我有一个结构。

<div id="toolbar" class="toolbar overlay-displace-top clearfix toolbar-processed">
...
</div>
<div class="ui left sidebar vertical inverted menu overlay" id="ls">
...
 </div>


<div class="ui right sidebar vertical inverted menu overlay" id="rs">
...
</div>
<div class="ui fixed top attached inverted menu">
...
</div>


<div id="page">
...
</div>

当我点击切换按钮时，我遇到了问题... Semantic-ui 将所有 div 放在没有#ls 和顶部固定菜单的#pusher 中。 管理工具栏是不可见的，因为在#pusher 中。

我不想在#pusher 中使用#rs 和工具栏。

<div class="ui left sidebar vertical inverted menu overlay" id="ls">
...
 </div>
<div id="pusher">


  <div id="skip-link">
    <a href="#middle-content" class="element-invisible element-focusable">Skip to main content</a>
  </div>


  <div id="toolbar" class="toolbar overlay-displace-top clearfix toolbar-processed">
  ...
  </div>


  <div class="ui right sidebar vertical inverted menu overlay" id="rs">
  ...
  </div>


</div>


<div class="ui fixed top attached inverted menu">
...
</div>

我该如何解决这个问题？ 谢谢!!!

Answer 1

我看到你有两个名为“ls”的 div，我想第二个应该叫做“rs”，这就是为什么它被移到#pusher