Javascript 在滚动内容之前，不要滚动英雄

我很难创建这样的效果，英雄中的内容完全滚动（100%的视口），然后页面的其他部分就会显示出来。我将其设置为固定背景。stage div（应该垂直居中）应该在滚动时出现，底部填充分开，第二部分应该在完全滚动之前显示。不完全确定我做错了什么。代码和代码笔在下面

$（文档）.ready（函数（）{
var windowHeight=$（window.height（）；
$（'#stage_1'）.css（{“height”：windowHeight+'px'}）；
$（'#stage_1'）.bind（'scroll'，function（）{
如果（$（此）.scrollTop（）+$（此）.innerHeight（）>=$（此）[0].scrollHeight）{
$（'.second section'）.css（“背景附件”、“滚动”）；
}
});
});
body，html{
身高：100%；
保证金：0；
}
.集装箱{
填充：0.1em；
保证金：0自动；
宽度：1000px；
}
.英雄{
背景大小：100%；
背景附件：固定；
背景重复：无重复；
背景位置：中心；
颜色：#fff；
背景图像：url（“http://www.jshiebert.com/wp-content/uploads/2015/12/photo-1424020128429-a60765861de1.jpg");
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：#ffffff；
宽度：100%；
高度：100vh；
弯曲方向：立柱；
}
#第一阶段{
溢出：自动；
}

洛雷姆到岩石
进入River Stone度假村和lorem lorem ipsum dolor sit amet，Concertetur Adipising elit，探索落基山脉的机会。纽姆夸姆共和国是一个伟大的国家！
Lorem ipsum dolor sit amet，奉献精英。这是一种驱虫剂、驱虫剂、苏打剂和苏打剂。重大错误、责任自负、罪责自负、拒绝承担责任、拒绝承担责任、拒绝承担责任。产于劳动自然区的伊普萨姆共和国。劳动生活、解释、饮食习惯、暂时性饮食习惯。
Lorem ipsum dolor sit amet，奉献精英。Optio ab，neque autem sequi maxime建筑设计师，mollitia aperiam的nemo，真实的身体，生命体！我的朋友是沃卢帕斯。同侧阴唇
坐在阿梅特，奉献给精英们。这是一种很好的驱虫剂，可以放在药店里，驱虫剂可以用在药店里！沃鲁帕特姆，是杜西姆斯吗？阿利夸姆，沃鲁帕茨。同侧耳
坐在阿梅特，奉献给精英们。除腐败、暂时、不可侵犯的生命外，不可剥夺公民权利，不可剥夺公民权利，不可剥夺公民权利。伊莎姆，晚安！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图
再见。多洛尔·福加（Dolore fuga）是一位权威人士，同时也是一位杰出人士，他是一位伟大的艺术家。尤斯托
最大限度地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对地，绝对！Lorem ipsum dolor sit amet，奉献精英。罪过，facere iusto？苏西皮特奎斯夸姆
发明者的面部表情和面部表情除外。多洛雷斯·苏西比特·雷姆（Dolores suscipit rem）是一位杰出的职业经理人。非流动性债务的暂时性债务
必须假设劳动、劳动和社会保障，才能明确地证明自己的能力足以阻止一切！
这与和有什么关系？我也可能将其放入Javascript？我提交了一个将代码更改为堆栈代码段格式的编辑。这与和有什么关系？我也可能将其放入Javascript？我提交了一个将代码更改为堆栈代码段格式的编辑。