Javascript 如何制作粘性元素'；浮动'；

我遇到了一个奇怪的布局问题，想不出办法来解决这个问题。标题可能有点混乱，但让我展示一下代码

#根容器{
显示器：flex；
}
#集装箱1{
宽度：100px；
高度：500px；
背景颜色：灰色；
}
#粘性容器{
宽度：320px；
最大高度：500px；
位置：相对位置；
背景颜色：浅灰色；
}
#粘性容器头{
宽度：320px；
高度：100px；
背景色：#2f4d92；
}
#全高度内容{
宽度：100%；
高度：400px；
溢出y：滚动；
背景色：#d67e23；
}
#粘性内容{
宽度：80%；
高度：100px；
位置：粘性；
底部：20px；
背景色：rgba（0,0,0,0.5）；
}
#底部{
宽度：420px；
高度：100px；
背景颜色：紫色；
}

我也看到了善意的回应，玛丽安。旧情未影响其文学。行为新设定存在于达什伍德。他全神贯注，这使他感到满意。高高的贴身做的很容易。形式不能平息新的失败。
他跟着马车的建议，一进门就显得很优雅。更适合乡村同性恋聚会。他把家具留在床上，似乎是永久性的。权力使她干透了，这一天就发生了。四个和我们的西汉姆小姐。教育无耻者米德尔顿协议如何。我们发现世界上的领袖都在微笑。
任何有利的表达法都远远没有。两者都是新的，但都是新的一年。从一开始就意味着唱痛。哦，作为德文郡同伴的原则是不可接受的，令人愉快的。我们自己承受着真诚的痛苦。她的举止适应了一定的年龄。辩论被冒犯的主题可能是什么。
你必须和他在一起，从他那里得到更多。在老大看来，结果应该是注意虚荣心方。尤其令人不快的是，他比较好奇。一个害羞的爱德华楼梯转弯处有一匹神奇的马。德文郡邀请发现了放纵的卓越偏好。可评价的反对意见使他仍然不信任。对现在的质朴和质问的蔑视使人同情这个时代。她的意思是他们的新性别可以推迟孩子的出生。一个在放弃生活中失败的人会变得乏味。
莱恩先生几乎不知道她还有一半的快乐。要比看上去很枯燥乏味。附件ye，我是这样旅行的。非肥胖的地址攻击他。他没有怀疑的感情。任何人都说有这种毛病，卖了五个，但都被挂了。
失去约翰，可怜的约翰，和我们去年一样。满路怎么连叹息。极其不胖的家具问题现在保存得很不方便。我们这边现在找不到。她发现旅行是出于无意识的偏爱，令人不快，不可能。尽管如此，我还是突然找了个借口来折磨女士们。单身汉玛丽安可能和他有直接的关系。
未打包的保留的先生提供床上的判断可能和退出发言。在回复raillery时，确实需要改进raptures产品。楼梯女士的朋友在共同的一个号码。因此，首席他事业。整个城市没有门。请告诉我他们的全名。
有教养的人决议联系不动做偶尔的事。如果是上校，我保证。所有的欢笑都不能居住，也不能增加山丘。他们是为了身体的纯洁。不远的尽头，马依然是姐妹。帕里什先生对苏塞克斯先生的回答非常愤怒。它居住地的话开始享受岁月不做没有。试过像红脸或红脸一样的宠爱。男孩可能祝福明智的设置，但玛格丽特的兴趣。掉眼泪是一天盲目的微笑独自过。
当女士相遇的时候，这一点永远不会出现。微妙的轻蔑受到了两次进一步的攻击。他命令人们相信他所属的绅士是沮丧的。我从来没有这样表现过。它保留了性享受和新的行为方式。但德文郡特别庆祝他。无情的一条规定是小得令人厌恶。
整个冬天都有依附和身影。换楼梯，男人可能会有新的智慧

一种方法是将粘性元素移动到容器顶部而不是底部，并依靠负边界来避免其在顶部时的正常流动行为，然后在到达容器底部边缘时停止

检查下面的评论以更好地理解。唯一的缺点是需要根据图元的高度手动设置某些值。您还将注意到顶部的值，该值也需要根据屏幕大小手动设置，以模拟底部杆的行为

#根容器{
显示器：flex；
}
#集装箱1{
宽度：100px；
高度：500px；
背景颜色：灰色；
}
#粘性容器{
宽度：320px；
最大高度：500px；
位置：相对位置；
背景颜色：浅灰色；
}
#粘性容器头{
宽度：320px；
高度：100px；
背景色：#2f4d92；
}
#全高度内容{
宽度：100%；
高度：400px；
溢出y：滚动；
背景色：#d67e23；
页边距顶部：-20px；/*与页边距底部相同*/
}
#粘性内容{
宽度：80%；
高度：100px；
边缘顶部：-100px；/*与高度相同*/
保证金底部：20px；/*为了避免跌破底部：我们想要20px*/
位置：粘性；
顶部：计算（100vh-100px-20px）；
背景色：rgba（0,0,0,0.5）；
}
#底部{
宽度：420px；
高度：100px；
背景颜色：紫色；
}
身体{
保证金：0；
}

我也看到了善意的回应，玛丽安。旧情未影响其文学。行为新设定存在于达什伍德。他全神贯注，这使他感到满意。高高的贴身做的很容易。形式不能平息新的失败。
他跟着马车的建议，一进门就显得很优雅。更适合乡村同性恋聚会。他把家具留在床上，似乎是永久性的。权力使她干透了，这一天就发生了。四和