Javascript div滚动结束后如何继续页面滚动

我有一个带有两个不同div的HTML页面，第二个div粘贴在页面底部，除非第一个div滚动到页面底部。我想在第一个div完成滚动后开始滚动页面。我该怎么做

正文{
保证金：0；
填充：0；
}
.集装箱{
身高：100%；
溢出y：自动；
}
.货柜-2{
保证金：0自动；
背景色：#474752；
填充：1.5雷姆；
位置：固定；
宽度：100%；
身高：5雷姆；
溢出：隐藏；
底部：0；
左：0；
右：0；
z指数：1；
}
h1{
文本对齐：居中；
文本转换：大写；
}

Donec sollicitudin molestie malesuada。ipsum id或dapibus门的Pellentesque。这是一个自由的世仇。ipsum id或dapibus门的Pellentesque。大法官万岁，拉西尼亚·埃吉特被任命为法官，在特卢斯举行会议。前庭ac直径位于车辆部件的两侧。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。前庭ac直径位于车辆部件的两侧。前庭ac直径位于车辆部件的两侧。在布朗迪特酒馆的馆长。Lorem ipsum dolor sit amet，是一位杰出的献身者。Lorem ipsum dolor sit amet，是一位杰出的献身者。在布朗迪特酒馆的馆长。侵权行为。Donec sollicitudin molestie malesuada。库拉比图尔·阿库埃拉特（Curabitur arcu erat）、阿库姆桑帝国（accumsan id Impertet）、港口码头（sem）。Lorem ipsum dolor sit amet，是一位杰出的献身者。不可为空的策展人必须为自己的利益而奋斗。Lorem ipsum dolor sit amet，是一位杰出的献身者。大法官万岁，拉西尼亚·埃吉特被任命为法官，在特卢斯举行会议。
Donec sollicitudin molestie malesuada。ipsum id或dapibus门的Pellentesque。这是一个自由的世仇。ipsum id或dapibus门的Pellentesque。大法官万岁，拉西尼亚·埃吉特被任命为法官，在特卢斯举行会议。前庭ac直径位于车辆部件的两侧。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。前庭ac直径位于车辆部件的两侧。前庭ac直径位于车辆部件的两侧。在布朗迪特酒馆的馆长。Lorem ipsum dolor sit amet，是一位杰出的献身者。Lorem ipsum dolor sit amet，是一位杰出的献身者。在布朗迪特酒馆的馆长。侵权行为。Donec sollicitudin molestie malesuada。库拉比图尔·阿库埃拉特（Curabitur arcu erat）、阿库姆桑帝国（accumsan id Impertet）、港口码头（sem）。Lorem ipsum dolor sit amet，是一位杰出的献身者。不可为空的策展人必须为自己的利益而奋斗。Lorem ipsum dolor sit amet，是一位杰出的献身者。大法官万岁，拉西尼亚·埃吉特被任命为法官，在特卢斯举行会议。
容器2标题
在布朗迪特酒馆的馆长。ipsum id或dapibus门的Pellentesque。我是波特提托·莱克图斯·尼布。这是一个很好的例子，它是一个很好的例子。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。Lorem ipsum dolor sit amet，是一位杰出的献身者。虎口浮雕和肘部浮雕同侧前庭；Donec velit neque，拍卖人坐在amet aliquam vel，ullamcorper坐在amet ligula。在布朗迪特酒馆的馆长。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。ipsum id或dapibus门的Pellentesque。

已编辑！ 使用与您展示的示例相同的插件

检查演示：

---

插件：

这可以用第三个div作为占位符来完成。它的高度类似于“container-2”，当“container-2”开始滚动时，它将被隐藏。由于“container-2”中的填充会导致8rem的高度，而向后滚动会导致闪烁，因此我禁用了工作示例中的填充：

$（窗口）.on（'scroll'，function（）{
var containersHeight=$（'.container'）.outerHeight（）+$（'.container-3'）.outerHeight（）；
if（Math.floor（$（window.scrollTop（））>=Math.floor（$（'.container'）.offset（）.top+containersHeight-window.innerHeight））{
$（'.container-2'）.css({
“位置”：“静态”，
“高度”：“自动”
});
$（'.container-3'）.hide（）；
}否则{
$（'.container-2'）.css({
'位置'：'固定'，
“高度”：“5rem”
});
$（'.container-3'）.show（）；
}
});
正文{
保证金：0；
填充：0；
}
.货柜-2{
背景色：#474752；
位置：固定；
身高：5雷姆；
溢出：隐藏；
底部：0；
z指数：1；
}
.货柜-3{
身高：5雷姆；
}
h1{
文本对齐：居中；
文本转换：大写；
}

Donec sollicitudin molestie malesuada。ipsum id或dapibus门的Pellentesque。这是一个自由的世仇。ipsum id或dapibus门的Pellentesque。大法官万岁，拉西尼亚·埃吉特被任命为法官，在特卢斯举行会议。前庭
车辆部件的直径和直径应在两个部件之间。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。前庭ac直径位于车辆部件的两侧。前庭ac直径位于车辆构件的两侧
我坐在阿美对决。在布朗迪特酒馆的馆长。Lorem ipsum dolor sit amet，是一位杰出的献身者。Lorem ipsum dolor sit amet，是一位杰出的献身者。在布朗迪特酒馆的馆长。侵权行为。
Donec sollicitudin molestie malesuada。库拉比图尔·阿库埃拉特（Curabitur arcu erat）、阿库姆桑帝国（accumsan id Impertet）、港口码头（sem）。Lorem ipsum dolor sit amet，是一位杰出的献身者。不可为空的策展人必须为自己的利益而奋斗。同侧阴唇
艾米特，献祭精英。大法官万岁，拉西尼亚·埃吉特被任命为法官，在特卢斯举行会议。Donec sollicitudin molestie malesuada。佩林
new fullpage('#fullpage', {
  licenseKey: 'YOUR KEY HERE',
  sectionsColor: ['yellow', 'orange'],
});