我使用position: sticky作为标题。但当我滚动到页面的一半(手机底部(时，它是隐藏的。我该怎么修？有什么关于下面padding-top主要内容的粘性标题的想法吗？谢谢大家。
<body>
<header>
<div>My Header</div>
</header>
<main>
<div>My content 1</div>
<div>My content 2</div>
</main>
</body>
CSS：
header {
position: sticky;
top: 0;
width: 100%;
background-color: red;
}
我没有发现代码有任何问题，但您可以尝试固定位置。
<html>
<head>
<title>Expense Tracker</title>
<style>
header{
position: fixed;
top: 0;
width: 100%;
background-color: red;
}
</style>
</head>
<body>
<header>
<div>My Header</div>
</header>
<main>
<div style="height:1200px;padding-top:20px">My content 1</div>
<div style="height:1200px">My content 2</div>
</main>
</body>
</html>一个位置为粘性的元素；基于用户的滚动位置来定位。
粘性元素根据滚动位置在相对和固定之间切换。它是相对定位的，直到在视口中遇到给定的偏移位置为止；棒"；到位(类似位置：固定(。
header {
position: sticky;
top: 0;
width: 100%;
background-color: red;
}<body>
<header>
<div>My Header</div>
</header>
<main>
<main>
<div style="height:1200px;padding-top:20px">My content 1</div>
<div style="height:1200px">My content 2</div>
</main>
</main>
</body>