在此示例中，内部灰色 div 的行为应该像粘性 div - 因此当您向下滚动页面时它会粘在屏幕顶部 - 但这并没有发生！我到底做错了什么？
<html>
<body>
<div style="position: absolute; top: 150px; left: 150px; border: 1px solid red">
<div style="position: sticky; top: 0; background-color: #ddd; padding: 20px; margin: 30px">
Richard is the best
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
看起来你想对我使用
position: fixed<html>
<body>
<div style="position: fixed; top: 150px; left: 150px; border: 1px solid red">
<div>
Richard is the best
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>https://stackoverflow.com/posts/78706802/edit#
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>