我将 slideout.js 用于移动导航，并且在每个页面加载时，菜单会在屏幕上闪烁片刻并消失，直到切换汉堡按钮。如果我将包含导航的 div 设置为显示：无，则不会发生这种情况，但是当然，当我打开菜单时，没有显示任何链接。
我的问题是，使用 Sass，我可以创建一个条件，在两个单独的类上执行以下逻辑：
if .slideout-menu is not set to display: block
然后
.mobile-nav should be set to display: none;
除了伪类之外，如果没有 JS 的帮助，CSS 无法对页面上发生的更改做出反应，因此不幸的是，您无法以这种方式定位它。slideout.js添加类以设置滑出式菜单的不同状态的样式，因此请尝试针对这些状态。
尝试这样的事情：
.slideout-menu .mobile-nav {
display: none;
}
.slideout-open .slideout-menu .mobile-nav {
display: block; // or whichever display property you need
}
从https://slideout.js.org/脱离 index.css 中的 CSS 状态
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句