2017-01-23 2 views
0

問題が発生していますが解決策が見つかりません。とき、私には移動しませんので、私はので、私はdivをロックしてスクロールしても移動しないようにするには

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

をスクロールすることができdivを追加したテキスト

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

プラスの3行を持つdivがテキストにdiv要素をロックする方法を教えてくださいしています

PSをスクロール:位置:固定 -

+4

使用 '位置にposition:fixedを与えることができます: –

+0

fixed'うん、私が試しましたそれでもスクロールするとまだ動いています –

+0

以下のスニペットで試してみることができます –

答えて

2

私が持っている機能しません。 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>

+0

スクロールするとまだ動いていますが、うまくいくはずですが、 –

+0

あなたのコードを投稿できますか?背景を追加したスニペットを再チェックしてください –

+1

スクロールするときに「動く」と言うと、画面上の同じ場所にないということですか?それとも、スクロールに沿って動く(つまり、画面上の同じ場所にとどまる)ことを意味しますか? –

0

てみてくださいあなたは、特定のdiv

.text { 
    positon: fixed; 
    background-color: #fff; 
} 
関連する問題