如何锁定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：职位：固定 - 没有工作

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>

Answer 2

您可以将position:fixed提供给特定的div

.text {
    positon: fixed;
    background-color: #fff;
}