Javascript 我需要一个粘性div在底部后滚动一点

我需要一个粘性div，只有在一定数量的滚动完成后才会显示

我正在使用REACTJS。JQUERY不会有帮助

我可以从开始获取粘性div，但我希望在整个段落1滚动后显示黄色粘性div

这就是我得到的

这是我想要的东西

当第1段显示时



一旦第1段被滚动
然后我希望粘性div像这样出现在底部

附言：我不允许显示文本，所以我使用了lorem ipsum。很抱歉，有太多的文字冲突。 是的，我正在项目中使用React.js。
请专家们帮忙

div.sticky{
职位：-网络工具包粘性；
位置：粘性；
底部：0；
背景颜色：黄色；
填充：25px；
字体大小：20px；
}

第1段

洛伦·伊普苏姆·多洛尔·西特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的建筑设计师。不可抗拒的饮食、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。在自由女神维尼那提斯统治下的奥纳雷·图皮斯（ornare turpis）。不要因为怀孕而失去生命。不发酵整粒玉米粥。枕侧颞门。克拉斯·ac·利奥·普卢斯。毛里斯·奎斯·迪亚姆·维利特

第2段



第3段

第三段是对精英的尊重。不可抗拒的饮食、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。在自由女神维尼那提斯统治下的奥纳雷·图皮斯（ornare turpis）。不要因为怀孕而失去生命。不发酵整粒玉米粥。枕侧颞门。克拉斯·ac·利奥·普卢斯。毛里斯·奎斯·迪亚姆·维利特

当你到达我的滚动位置时，我将停留在屏幕上
第4段


Lorem ipsum dolor sit amet，是一位杰出的领导者。不可抗拒的饮食、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体、圣矢状体。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。这是一个中间的空白。修女