问题标签 [sidenav]

我的页面上有一个 sidenav，页面宽度为 30%。我希望它在 768px 断点处更改为 100% 页面宽度。我将如何使用 JQuery 执行此操作？

这是我的代码

我尝试通过 CSS 更改将SideNav定位到浏览器的右侧，它可以在 Chrome 和 FireFox 上本地运行。但是，当我托管它时，SideNav 不会位于右侧，而是滑到底部或消失。这也发生在 Mac（Safari、Chrome 和 FireFox）和其他 Windows 机器上。

我在这里想念什么？

我的 CSS 将其设置在右侧：

这是 reactJS 设置的

我有一个简单的问题，我查看了很多线程，但没有找到合适的解决方案。我只想让我的sidenav的背景（黑色）一直延伸到底部，不管页面有多少内容，一个可拉伸的全页高度sidenav（不是固定的）。它似乎只在缩小时拉伸，但不是 100%，我不知道为什么会这样。

下面是我的html组件

这是我的 app.module.ts 文件

即使我声明了变量 isSideBarOpen，为什么我得到变量 isSideBarOpen 不存在错误。

在包含的 HTML 中，有 3 个下拉按钮，每个按钮有 3 个“链接”。单击其中一个下拉菜单时，如何关闭所有其他下拉菜单？

这是我的代码：

抱歉，如果之前已回答过此问题；我挖了一圈，但找不到。我通过调用对我有用的 M.AutoInit() 来使用 Materialize sidenav，直到我尝试将它放在单独的 Javascript 文件中。我已经能够以这种方式设置页脚，所以我没有重复代码，但这似乎不适用于 sidenav。sidenav 显示，但可折叠部分不会打开。

我认为问题在于它不喜欢从动态插入的 HTML 中调用可折叠部分。但我尝试分离出也不起作用的可折叠部分（使用 2 个不同的 querySelectors）。如果我将至少部分 sidenav 放回我的 HTML 页面，这将违背我这样做的目的。

有什么想法或解决方案吗？感谢您的关注！

我想在 reactjs 中创建一个 sideNav 并且我正在使用 rsuite，但我无法使其正常工作。我已在此处将代码添加到沙箱中， 谁能告诉我如何正确设置样式并将路由添加到导航。即使有类似的例子也可以。我检查了这个例子，但该代码也对我不起作用

在 chrome 中下载后，会出现下载栏并且侧边栏已关闭。我该如何解决？

chrome中的下载栏示例

我正在做一个项目，我必须创建两个侧边栏（从左到右用于桌面（推送侧边栏）-桌面和从右到左用于移动（覆盖侧边栏）。桌面推送侧边栏工作正常，我面临问题在移动覆盖边栏中。你能帮帮我吗

关联 ; http://sidenav-both.surge.sh/

桌面版（图片）工作正常

移动版（图片）现在即使我点击切换按钮，侧面导航来自左侧

需要这样的东西

html

css

我在下面的 stackblitz 中创建了sidenav

我已经给出了overflow-x: visible，overflow-y: auto/hidden所以如果有更多菜单项，我应该会看到垂直滚动。但这打破了我的嵌套侧边菜单选项，它在 div 下而不是在上面看到。

}

因此，看不到我的嵌套 sidenav 选项。

注意：到目前为止，stackblitz 中的侧边菜单涵盖了完整视图。请滚动或调整输出窗口大小以查看正确的分辨率

预期的

可以给出任何修复，以便我可以看到嵌套的 sidenav 选项？