根據卷軸更改位置

Question

我想根據我的卷軸更改位置。 而且由於圖片講千言萬語，這裏就是我想：

這裏是我的代碼：https://jsfiddle.net/njz87Lth/1/

HTML：

<h1> MY TEXT. orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </h1> 
<div class="one"> </div> 
<div class="two"> </div> 

CSS：

body { 
    text-align:center; 
} 

h1 { 
    left: 0; 
    line-height:2; 
    right:0; 
    width:600px; 
    margin-left: auto; 
    margin-right: auto; 
    position:fixed; 
} 

.one, .two { 
    width:600px; 
    position: absolute; 
    left: 0; 
    right:0; 
    margin-left: auto; 
    margin-right: auto; 
} 

.one { 
    top:100px; 
    height:300px; 
    background:grey; 
} 

.two { 
    height:800px; 
    background:pink; 
    margin-top:30px; 
    top:400px; 
} 

Answer 1

嘗試使用jQuery。

$(window).scroll(function() { 
    $(".one").offset({ left: left, top: top}); 

}); 

根據您的需要給出offset值。