如何制作粘性Angular材料垫工具栏？

Question

我一直在尝试实现一个位于初始导航栏后面的mat工具栏，我似乎无法做到正确。我已经尝试添加“固定位置”类。

如果初始位置位于页面顶部但不是，那么这将起作用。一旦用户滚过工具栏，它应该“粘住”到页面顶部。

任何想法如何实现这一点？我尝试过组合

.stickyBar { position: sticky; }

并且位置固定但没有运气。

有任何想法吗？谢谢

Answer 1

有一些父元素与css属性overflow：hidden会干扰position：sticky。 Here's这个帖子用来解决我的问题。