html - 如何锁定 div 使其在滚动时不会移动

Question

我遇到了一个问题，但找不到解决方案。我有一个包含 3 行文本的 div

<div class="Text">
    <h1>Hi</h1>
    <h2>I'm John Doe</h2>
    <h3>Param para param</h3>
</div>    

另外我添加了 div 所以我可以滚动

<div id="1" style="min-height:1000px;"></div>
<div id="2" style="min-height:1000px;" ></div>

请告诉我如何用文本锁定 div，这样当我滚动时它就不会移动

PS: position:fixed - doesn't work

Answer 1

我使用了 position:fixed 属性，当我们滚动时 div 不会移动，尝试使用代码片段

.text {
    position: fixed;
    top: 10%;
    left: 15%;
}

<div class="text" >
    <h1>Hi</h1>
    <h2>I'm John Doe</h2>
    <h3>Param para param</h3>
</div>

<div id="1" style="min-height:1000px;width:100%; background:#f1f1f1;"></div>
<div id="2" style="min-height:1000px;width:100%; background:#ddd;" ></div>