jquery - 向下滚动时如何使标题和导航栏都固定在顶部

Question

向下滚动时，如何使导航栏位于下方并靠近标题栏？目前导航栏覆盖标题。这是我到目前为止所取得的成就，请查看this JSFiddle并帮我修复它。

这是我目前在标题栏上的 CSS:

position: fixed;
width:100%;
height: 50px;
background-color: chartreuse;
text-align: center;

Answer 1

您只能使用 CSS postion: sticky(而不是 js)。例如:

.element {
   position: sticky;
   top: 10px;
}

JSFiddle

MDN - postion - CSS

Can I use - browsers support for postion: sticky