2017-01-23 37 views
0

我遇到問題,找不到解決方案。我有3行文字如何鎖定div,使其在滾動時不會移動

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

的一個div加我加div,所以我可以滾動

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

請告訴我如何與文本鎖定格,所以它不會動的時候我滾動

PS:位置:固定 - 不工作

+4

使用'位置:fixed' –

+0

是的,我試過當我滾動 –

+0

時仍然移動,你可以嘗試使用下面的代碼 –

回答

2

我有使用position:fixed財產,當我們滾動格不動,用片段

.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>

+0

當我滾動時仍然移動,我知道它應該工作,但它不會 –

+0

你可以發佈你的代碼?並重新檢查我添加了背景的片段 –

+1

當您在滾動時說「移動」時,表示它不在屏幕上的相同位置?或者你的意思是它隨着滾動而移動(因此停留在屏幕上的相同位置)? –

0

嘗試你可以給position:fixed到特定div

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