Javascript particle.js用于fullpage.js滚动的时间更长

我有一个问题，我已经试着解决了很长一段时间了。理想情况下，我希望particles.js的“生成框”向下延伸到页面底部（fullpage.js计算的7倍视口），这样当使用fullpage.js向下滚动时，整个页面的内容只向上移动一张幻灯片（因此particles.js从上到下覆盖了网站的整个高度）

到目前为止，我得到的是：

代码

body，html{
保证金：0；
填充：0；
}
#容器{
最大宽度：继承；
背景：rgb（111210255）；
}
#粒子js{
宽度：100%；
身高：100%；
}
.标志{
位置：绝对位置；
最高：50%；
左：50%；
宽度：256px；
高度：256px；
边缘顶部：-128px；
左边距：-128px；
z指数：2；
}
帆布{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
z指数：1；
}

粘稠液体
$（文档）.ready（函数（）{
$（“#全页”）。全页({
主播：[“主页”、“发布”、“关于”、“音乐”、“现场”、“商店”、“联系人”]，
滚动速度：1000，
})
})










释放


关于


音乐


居住


商店


接触

particlesJS（“particles js”，“particles”：{“number”：{“value”：13，“density”：{“enable”：true，“value_area”：1000}，“color”：{“value”：“#ffffff”}，“shape”：{“type”：“image”，“stroke”：{“width”：0，“color”：“#000000”}，“polygon”：{“nb u边”：5}，“image”：{“src”：https://gdurl.com/0VzA，“宽度”：100，“高度”：100}，，“不透明度”：{“值”：0.5，“随机”：假，“动画”：{“启用”：false，“speed”：1，“opacity\u min”：0.1，“sync”：false}，“size”：{“value”：41.6，“random”：true，“anim”：{“enable”：false，“speed”：40，“size\u min”：0.1，“sync”：false}，“line\u linked”：{“enable”：false，“distance”：150，“color”：“{”FFFFFFFF；“opacity”：0.4，“width”：1}，“move”：{“enable”：true，“speed”：0.6，“direction”：“top”，“random”：false”：false:false”：false:false:“out”；“out”；“out”；“out”：false，“attract”：{“enable”：false，“rotateX”：600，“rotateY”：1200}}}}，“interactivity”：{“detect_on”：“window”，“events”：{“onhover”：{“enable”：false，“mode”：“push”}，“resize”：true}，“modes”：{“grab”{“distance”：400，“line_链接”：{“opacity”：1}，“bubble”{“distance”：400，“size”：40，“duration”：2，“opacity”：8，“speed”：3}，“排斥”：{“距离”：200，“持续时间”：0.4}，“推动”：{“粒子数”：4}，“移除”：{“粒子数”：2}}}，视网膜检测：真}）；

基本上，我的想法是：

高度：100%

由于FullPage.js无法工作，所以让我们设置一个固定高度

这是您的JSFIDLE：

感谢来自