如何在另一个工具栏下创建固定工具栏

Question

我想在工具栏下创建工具栏，第一个工具栏不是固定的，第二个工具栏是固定的，第二个工具栏固定在屏幕顶部，就像网站一样： https : //www.lingvolive.com/ru-ru/translate/en -ru/溢出。 如何与材料成角度地做到这一点。

Answer 1

这不是特定于角度的，可以使用简单的 css 来完成。 这里有一些关于这个主题的文档https://developer.mozilla.org/en-US/docs/Web/CSS/position#sticky_positioning

Answer 2

这样的事情应该这样做：

<div>top toolbar</div>
<div style="position: sticky; top: 0; position: -webkit-sticky;">Sticky Toolbar</div>

 <div>top toolbar</div> <div style="background-color: red; position: sticky; top: 0; position: -webkit-sticky;">Sticky Toolbar</div> <p>Padding for scroll</p> <p>Padding for scroll</p> <p>Padding for scroll</p> <p>Padding for scroll</p> <p>Padding for scroll</p> <p>Padding for scroll</p> <p>Padding for scroll</p> <p>Padding for scroll</p>