Angular Material的固定侧边栏标题不是固定的。
创始人
2024-10-19 22:30:25
0次

要使Angular Material的固定侧边栏标题不固定，您可以使用CSS来覆盖Angular Material的默认样式。下面是一个解决方法的代码示例：

  1. 在您的HTML文件中，添加一个具有固定样式的标题栏元素：

  
    

      
固定标题
  1. 在您的CSS文件中，添加以下样式来覆盖默认样式并使标题栏固定：
.container {
  position: relative;
}

.sidenav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.sidebar-header {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 16px;
  border-bottom: 1px solid #ccc;
}

.title {
  margin: 0;
}

通过将标题栏元素的位置设置为sticky，并将其顶部位置设置为0，您可以确保标题栏在侧边栏滚动时保持固定。

上一篇：Angular Material的ErrorStateMatcher能否检测到父表单提交时的状态？

下一篇：Angular Material的间距类，就像Bootstrap v4中的间距类一样。

相关内容

热门资讯

透视总结！hardrock透视... 透视总结！hardrock透视工具，wpk插件（透视）原来真的有挂（哔哩哔哩）1、任何hardroc...
透视法子！wpk辅助软件，wp... 您好，wpk辅助软件这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多玩家...
透视项目！wepoker有辅助... 透视项目！wepoker有辅助插件吗，wepoker免费脚本（透视）真是有挂（哔哩哔哩）1、下载好w...
透视窍要！拱趴大菠萝机器人，德... 透视窍要！拱趴大菠萝机器人，德州局怎么透视（透视）确实是真的脚本app（哔哩哔哩）1、实时拱趴大菠萝...
透视资料！wepoker辅助透... 透视资料！wepoker辅助透视，sohoo poker辅助器（透视）总是是真的挂（哔哩哔哩）小薇（...
透视指南！impoker辅助，... 透视指南！impoker辅助，来玩app破解（透视）总是是真的透视工具（哔哩哔哩）1、每一步都需要思...
透视模板！hhpoker德州有... 透视模板！hhpoker德州有挂吗，hhpoker是真的还是假的（透视）本来真的是有脚本教程（哔哩哔...
透视模块！hhpoker是真的... 透视模块！hhpoker是真的吗，大菠萝辅助器（透视）好像是真的挂（哔哩哔哩）1、下载好hhpoke...
透视妙计！德普之星怎么开辅助，... 透视妙计！德普之星怎么开辅助，德普之星私人局辅助器（透视）竟然真的有透视软件（哔哩哔哩）1、德普之星...
透视策略！werplan怎么透... 透视策略！werplan怎么透视，wpk私人辅助（透视）一直有挂（哔哩哔哩）亲，关键说明，werpl...