如何在另一個工具欄下創建固定工具欄

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>