具有固定顶部菜单的语义 UI 侧边栏

2024-05-19

Semantic-UI 对其进行预警侧边栏页面 http://semantic-ui.com/modules/sidebar.html#/usage“当侧边栏出现时,固定位置内容可能会出现改变其位置的问题。”然后它提供了该问题的两种可能的解决方案。

令人惊讶的是,在同一页面和整个网站上,Semantic-UI 的网站使用了一个固定的顶部菜单,当触发左侧边栏时,该菜单可以很好地调整。

我想简单地创建一个固定的顶部菜单,就像 Semantic-UI 网站使用的那样,当侧边栏打开时可以正确调整。然而,事实证明这非常困难,因为所提出的两种解决方案都不起作用。我已经检查了标记、CSS 和 JavaScript,但无法弄清楚他是如何从 Semantic-UI 提供的代码变成一个工作固定顶部菜单,该菜单在侧边栏打开时可以正确调整。

有什么想法或方向吗?使用 Semantic-UI 如何创建一个固定的顶部菜单,在侧边栏打开时可以正确调整?


来自文档:

使用固定内容任何应随移动的固定位置内容 当侧边栏可见时,页面内容应该接收该类 名称固定并作为侧边栏的同级元素存在。

未包含在推送器旁边的固定内容将会丢失 显示侧边栏时其位置。

<div class="ui left vertical inverted labeled icon sidebar menu">
</div>
<div class="ui fixed inverted main menu">
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

具有固定顶部菜单的语义 UI 侧边栏 的相关文章