jquery - 根据滚动改变位置

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>

样式:

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 值。