问题标签 [sidenav]

HTML 代码

我使用了下面的 jquery https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js

jQuery代码

我正在使用：Angular 9.1.4 和 Angular/Material 9.2.4

对于我目前正在做的一个项目，需要在材质侧导航中创建动态组件。

https://material.angular.io/components/sidenav/overview

我已经全部设置好了，它确实可以工作，除了新的请求，即如果动态组件高度例如为 400 像素，材质侧导航不会扩展到底部，而是在组件的高度处切断。

有谁知道这样做的干净方法？如果不是，它也可能与 CSS 技巧有关。

这是一个 stackblitz 示例 https://stackblitz.com/angular/kknqvrklpgx?file=src%2Fapp%2Fsidenav-autosize-example.ts

我正在为我工​​作的公司开发一个内部网站，我的经理希望我将菜单作为 jsp 包含页面，而不是像这样将其编码到页面中（可行）。

他希望它看起来更像这样。

这是 TestMenu.jsp

我的导航药片会启动，但它们不会将我带到实际页面。但是，如果我从 TestMenu 中删除活动，则链接将起作用。这是我试图完成的一件小事，它突出了正确的药丸，我只需要帮助弄清楚它。或者至少指出我正确的方向。

即使我在 2020 年公司日历页面中，它也会突出显示项目团队指南。

在默认行为中，sidenav仅当内容超出 Y 轴的限制时才会显示滚动条。无论内容是否在限制范围内，是否可以使滚动条始终可见？

我想要这个，因为从滚动条出现和消失的效果会触发响应并移动中心内容。因此，每次我打开或关闭其中一个时mat-menu-items，accordions滚动条都会淡出并出现，从而触发响应。

正如您在 sidenav 代码中看到的，有些mat-list-items是accordions. 如果我打开多个手风琴，滚动条就会出现，如果我关闭它，它就会消失。由于响应性，这会在中心内容中产生持续的移动。

如果我可以让滚动条始终可见，问题就解决了。

我正在使用角度材料版本 8.x。在我的应用程序中。使用过 mat-sidenav-container。当我打开菜单时，mat-drawer-content 也可以滚动，并且在将其滚动到底部或顶部时，侧面菜单（mat-sidenav）正在接近。是否有任何可用的修复程序。

I am currently using Materialize CSS for sidenav-fixed on ReactJS. I realize that when the webpage is resized, the sidenav is automatically hidden. Is there any way to show the sidenav even when I resize the webpage?

This is what I'm working for the sidenav-fixed:

我正在尝试在 Angular 中使用经典的页眉、页脚和侧边栏导航和 Angular Material。但是，我在设置高度时遇到问题，导致视口中出现多个滚动问题。

我附上布局以供参考。我在父 sidenav 的 sidenav 内容内使用内部 sidenav。

大家好，

每当我们单击左侧菜单中的任何索引时，我都想显示一些静态内容，如附件中的图像。此外，内容应该在这个链接https://docs.spring.io/spring-framework/docs/current/spring-framework-reference/core.html#beans-annotation-config中的单个页面上。每当我单击任何索引时，用户都应该可以通过滚动页面看到相应的内容。任何人都可以建议我使用 Angular 和引导程序来实现这一目标吗？提前致谢。

我正在尝试将此https://codepen.io/azouaoui-med/pen/wpBadb实现为我的反应项目中的页面之一。但是下拉菜单不起作用，无法关闭由 js 起作用的侧栏。我没有收到任何错误。但它只是一个静态页面。如何让它发挥作用？那里的任何人都可以帮助我解决这个问题。提前致谢

PS：我得到与 codepen 相同的输出，而不是单击“运行代码片段”时显示的输出

我的项目和代码沙箱的输出是这样的

我的代码框供参考： https ://5vbl2.csb.app/

我尝试使用下拉菜单的侧边栏

这是正在使用的 javascript

我有一个使用 HTML、SCSS 和 js 的侧导航栏。当我单击重新加载时，它会进入展开状态。

HTML

SCSS

JS

回购链接

注意：当我第二次单击刷新时，导航栏打开（未折叠），这不应该发生（即使我从未折叠状态（打开导航栏状态）重新加载也应该保持折叠状态。我该怎么办？