实现 CSS：导航栏由于侧导航而崩溃 - 如何防止？

Posted 2023-05-07

【中文标题】实现 CSS：导航栏由于侧导航而崩溃 - 如何防止？

【英文标题】：Materialize CSS: Navbar is collapsing because of side nav - how to prevent?

【发布时间】：2021-12-25 00:58:49

【问题描述】：

我正在构建一个带有导航栏和侧导航的网站。侧导航应该折叠，导航栏（不是小屏幕）不应该。

document.addEventListener('DOMContentLoaded', function() 
    var elems = document.querySelectorAll('.sidenav');
    var instances = M.Sidenav.init(elems, 'draggable':true);

由于上面的代码，导航栏和侧导航都会崩溃。如何防止导航栏崩溃？

【参考方案1】：

我忘记从导航栏条目中删除 hide-on-med-and-down 类。