文章/答案/技术大牛

发布

社区首页 >问答首页 >semantic-ui侧边栏在顶部下面

问semantic-ui侧边栏在顶部下面
EN

Stack Overflow用户

提问于 2015-10-30 20:19:26

回答 1查看 2.1K关注 0票数 2

我有一个".ui.inverted.menu“顶级酒吧。现在，我想在顶部栏下面添加一个"ui.sidebar.inverted.vertical.menu“。

但我不知道怎么做，边栏总是推开顶部，而不是出现在顶部。

有什么想法吗？

谢谢!

ps。不好意思语法不好。

sidebar

semantic-ui

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-30 21:14:33

您需要使用自定义上下文初始化侧栏。

而不是这样做：$('.ui.sidebar').sidebar()；

您需要将侧边栏指向要将其附加到的元素，否则它将附加到主<body>标记上，并将其下的所有内容推开。在这种情况下，上下文应该是与您的<div>相同的层次结构中的一个<div>元素。

如果HTML看起来类似于：

<div class="ui inverted menu">
    <a class="item">Open Sidebar</a>
</div>
<div class="otherstuff">
    <div class="ui sidebar">
    </div>
</div>

初始化代码应该如下所示：

$('.ui.sidebar')
  .sidebar({
    context: $('.otherstuff')
  })

下面是一个非常快速的演示(您可能需要根据自己的内容调整一些CSS样式) http://jsfiddle.net/8po0b10v/

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33444282

复制

相似问题

问semantic-ui侧边栏在顶部下面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问semantic-ui侧边栏在顶部下面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问semantic-ui侧边栏在顶部下面
EN