Javascript 滚动相关的淡入淡出文本一旦达到某一点

我有一个带有

和

的文本。文本以一个

结尾。 当我到达文档的底部（最后一个H1在页面的中间）时，我想加快两倍的Y代码的翻译（最后一个H1在页面的中间），我希望H1自己停留在页面的中间。 但是如果我向上滚动，我希望

向后滚动

有没有一种简单的方法可以用jQuery实现这一点？ 我在网上找到了很多解决方案，但都不满意

$（窗口）。滚动（函数（）{
var wScroll=$（document.scrollTop（）；
var b=$（文档）.height（）-$（窗口）.height（）；
var c=（$（document.height（）-wScroll-$（window.height（））*2；
var fade=1+c/100；
var trigger=$（'#last'）.offset（）.top-$（window.height（）/2；
如果（wScroll>b）{
$（窗口）.on（'scroll'，function（）{
$（'p'）.css({
“transform”：“translateY（'+c+'px）”，
“不透明度”：“+淡入度+”
})
})
}
});
p，h1{
字体系列：巴斯克维尔；
保证金：自动；
最大宽度：650px；
颜色：#333；
}
p{
字号：21px；
线高：33px；
最大宽度：650px；
边缘顶部：30px；
}
第n个孩子（2）：第一个字母{
字体系列：Arial；
字号：700；
浮动：左；
字体大小：72px；
线高：63px；
右侧填充：12px；
}
h1{
字体大小：47px；
边缘顶部：30px；
}
h1：最后一个孩子{
边缘底部：0px；
}
.集装箱{
利润率最高：5%；
边缘底部：50vh；
}

你好
Lorem ipsum dolor sit amet，是一位杰出的领导者。无主语或主语。化学元素。这是一只猫的名字。佩伦茨克奥迪奥·尼西、阿库姆桑·内克、塞德十字勋章、康塞特图尔·内克、胡斯托。智者，智者，智者，枕叶，元素，知识。这是一个非常好的例子。连续性前庭、euismod VOLVIPAT生命、连续性大酒后驾车和非nibh大酒后驾车。莫比·阿迪皮斯卡·埃拉特。维瓦莫斯·奎斯·马萨·埃吉特·奥奇发酵液拉奥里特。莫比·波苏尔·普卢斯。两人之间的矛盾是严重的。猫同侧脚、前足、车辆层、口述、nibh。莫比turpis nulla，luctus viverra，pretium in，suscipit vitae，purus

Lorem ipsum dolor sit amet，是一位杰出的领导者。无主语或主语。化学元素。这是一只猫的名字。佩伦茨克奥迪奥·尼西、阿库姆桑·内克、塞德十字勋章、康塞特图尔·内克、胡斯托。智者，智者，智者，枕叶，元素，知识。这是一个非常好的例子。连续性前庭、euismod VOLVIPAT生命、连续性大酒后驾车和非nibh大酒后驾车。莫比·阿迪皮斯卡·埃拉特。维瓦莫斯·奎斯·马萨·埃吉特·奥奇发酵液拉奥里特。莫比·波苏尔·普卢斯。两人之间的矛盾是严重的。猫同侧脚、前足、车辆层、口述、nibh。莫比turpis nulla，luctus viverra，pretium in，suscipit vitae，purus

Lorem ipsum dolor sit amet，是一位杰出的领导者。无主语或主语。化学元素。这是一只猫的名字。佩伦茨克奥迪奥·尼西、阿库姆桑·内克、塞德十字勋章、康塞特图尔·内克、胡斯托。智者，智者，智者，枕叶，元素，知识。这是一个非常好的例子。连续性前庭、euismod VOLVIPAT生命、连续性大酒后驾车和非nibh大酒后驾车。莫比·阿迪皮斯卡·埃拉特。维瓦莫斯·奎斯·马萨·埃吉特·奥奇发酵液拉奥里特。莫比·波苏尔·普卢斯。两人之间的矛盾是严重的。猫同侧脚、前足、车辆层、口述、nibh。莫比turpis nulla，luctus viverra，pretium in，suscipit vitae，purus

再见！
这是第一步。
如果有人有更好的办法，我就要了


$（窗口）。滚动（函数（）{
//最后一段的变量
var wScroll=$（this.scrollTop（）；
var bottom=（$（document.height（）-wScroll-$（window.height（））/2；
var fade=底部/100；
//最后一段：淡入淡出&滚动x2
if（wScroll>$（'#last'）.offset（）.top-$（window.height（））{
var offset=wScroll-$（'h1#last'）.offset（）.top+$（window.height（）；
//选择所有p、h1和h2，但不要选择id为“last”的p、h1和h2
$（'p，h1，h2'）。不是（'last'）。css({
“transform”：“translateY”（“+offset*0.4+'px）”，
“不透明度”：淡入淡出
});
}
});
p，h1{
字体系列：巴斯克维尔；
保证金：自动；
最大宽度：650px；
颜色：#333；
}
p{
字号：21px；
线高：33px；
最大宽度：650px；
边缘顶部：30px；
}
第n个孩子（2）：第一个字母{
字体系列：Arial；
字号：700；
浮动：左；
字体大小：72px；
线高：63px；
右侧填充：12px；
}
h1{
字体大小：47px；
边缘顶部：30px；
}
h1：最后一个孩子{
边缘底部：0px；
}
.集装箱{
利润率最高：5%；
边缘底部：50vh；
}

你好
Lorem ipsum dolor sit amet，是一位杰出的领导者。无主语或主语。化学元素。这是一只猫的名字。佩伦茨克奥迪奥·尼西、阿库姆桑·内克、塞德十字勋章、康塞特图尔·内克、胡斯托。智者，智者，智者，枕叶，元素，知识。这是一个非常好的例子。连续性前庭、euismod VOLVIPAT生命、连续性大酒后驾车和非nibh大酒后驾车。莫比·阿迪皮斯卡·埃拉特。维瓦莫斯·奎斯·马萨·埃吉特·奥奇发酵液拉奥里特。莫比·波苏尔·普卢斯。两人之间的矛盾是严重的。猫同侧脚、前足、车辆层、口述、nibh。莫比turpis nulla，luctus viverra，pretium in，suscipit vitae，purus

Lorem ipsum dolor sit amet，是一位杰出的领导者。无主语或主语。化学元素。这是一只猫的名字。佩伦茨克奥迪奥尼斯酒店