问题标签 [sidenav]

这是我项目的一部分：app

我希望标题在滚动时得到固定，并且我fixed-top在 header.component.html 文件中的标题中添加了引导类。但是当我将sidenav的模式更改为side标题时不会改变并被推到左边。我该如何解决这个问题？

我试图让 Side Material Sidenav 在我打开栏时推送内容，显然在它关闭时；被推回原位的元素。目前它所做的是对内容开放

这是我的 app-header.component.html

我的 app-header.component.ts

我的 app.component.html

我正在尝试使用react-sidenav和关闭https://codesandbox.io/s/q9851xoymj来构建一些东西。

当我尝试使用该withRR4()示例中的功能时，加载页面时出现以下错误。 Object(...) is not a function它发生在const SideNav = withRR4()

我在用着"react-sidenav": "^3.1.3"

我不确定我在这里缺少什么。

我对 sidenav 叠加层的高度有这个问题，我知道它与粘性导航栏的 javascript 混淆了，但我不知道如何使 sidenav 的高度达到 100%。任何帮助将不胜感激！

这是代码：

我只需要 sidenav 以 100% 的高度显示，即使它位于粘性导航栏内。提前致谢！

我正在尝试制作一个由 7 个图标图像组成的侧导航栏。我将所有图像都包裹在一个 div 中，但是如果浏览器窗口缩小（高度），我希望它们能够响应。这是我到目前为止所拥有的，

HTML：

CSS：

所以基本上，每当浏览器垂直调整大小时，我希望所有图像都随之调整大小，以便所有 7 个图像始终同样可见且呈正方形。后来，我想制作这些图像按钮，但首先我需要弄清楚这一点。在此先感谢您的帮助！:-)

我已经在 codepen 中看到此代码作为示例，因此我尝试将其复制到我在 phpstorm 中的项目中。我运行代码，但侧边栏没有向我打开，我不明白为什么。这是代码：

为什么侧边栏打不开？这是我从中复制的 codepen 代码的链接： https ://codepen.io/shantikumarsingh/pen/gXPjdG

它在那里完美运行，我需要一个与示例中完全相同的侧边栏。

我试图用 html 构建一个 ui。

1. 导航栏应保持在顶部
2. 导航栏下方的一些视频和其他内容应该在视频上滚动（现在它是棕色框）。
3. 天蓝色框（用于侧面导航）应停止在导航框下方，粉红色框（内容框）应继续滚动。

问题 ：

1. 滚动后，粘性导航框向上滚动，并且
2. 天蓝色框不会停在导航框下方。请查看codepen并帮助我.... html

https://codepen.io/mbs-yaswanth/pen/yZOLXQ

我有一个 Materialize 固定的 sidenav，它始终可见。我想添加将打开和关闭它的按钮。

如果我添加$('.sidenav').sidenav('close')到按钮，它只能关闭侧边栏；与$('.sidenav').sidenav('open').

我不想做两个按钮。我该如何解决这个问题？

这是初始化侧边栏的函数：

这是我的 HTML：

我有一个.sidenav-close不工作的类按钮（它是默认的）。我认为这是因为我的侧边栏是固定的。

是否有任何默认方法可以打开和关闭它？

这是我需要打开/关闭它的按钮：

我想写一个函数来检查侧边栏是否打开然后关闭它，click反之亦然。

我尝试对 Angular Material 团队在此示例中所做的移动使用做同样的事情。

所以我创建了我的组件，如下所示：

所以调用sidenav切换动作的按钮在mat-sidenav-container之外，就像stackblitz上的例子一样......但是当我点击按钮时出现以下错误：

无法读取未定义的属性“切换”

所以按钮无法打开sidenav...

有没有人有解决这个问题的想法？

（对不起我的英语，这不是我的母语）

我正在尝试使用 CSS、DIV 和 Materialize SideNav 制作屏幕。我想做的是这样的：

这是我的代码：

但我的输出不是我所期望的，SideNav 不适合 DIV。相反，它也进一步延伸到标题中，此外，内容 div 没有宽度，SideNav 显示一个滚动条。我需要弄清楚我做错了什么。

这是我的结果：