Javascript 在反应器中放置粘性。就像facebook官方页面上的一样

如何使div容器在到达视图端口顶部后粘住。我试过了

位置：粘性；顶部：0

仅当第二个div移动顶部div时，才对顶部div执行此操作，粘滞位置也随之移动。下面是sudo代码

parent  div ---->
            it has two divs(flexed [1st, 2nd]) -----> 
                    Div 1st    Div 2nd
                 |-----------|----------|
                 |  Div 1    |          |
                 |           |    I     |
                 |  Div2     |    N     |
                 |           |    F     |  <<<<<< Infinite  Scroll
 Sticky  >>>>>>> |  Div3     |    I     |
 To the Top      |           |    N     |
         >>>>>>> |  Div4     |    I     |
                 |           |    T     |
                 |           |    e     |
                 |           |          |
                 |           |          |
                 |           |          |
                 |-----------|----------|
 
                The 1st div has 4 more divs(last two divs should be sticky)
                The 2nd div will have infilite scroll and will not be sticky

父div-->
它有两个div（弯曲的[1,2]）----->
第一分区第二分区
|-----------|----------|
|第1分部||
||我|
|第2部分| N|
|| F |>| Div3 | I|
到顶端|
>>>>>>>|第4分部| I|
|| T|
|| e|
|           |          |
|           |          |
|           |          |
|-----------|----------|
第一个div还有4个div（最后两个div应该是粘性的）
第二个div将具有内嵌卷轴，且不会粘滞

---

我想在访问facebook上的个人资料页面时实现同样的滚动行为。

使用CSS属性

位置：固定
与
顶部
左侧
右侧
底部
属性，而不是
位置：粘性

Div 2nd应该有
position:relative
，并且在Div 2nd内部应该有另一个
Div
，您希望它保持在一个位置，并给内部
Div
赋予
position的属性：fixed


。右div{
位置：相对位置；
}
.棍棒{
位置：固定；
最高：3%；
背景色：黑色；
右：13%；
高度：200px；
}
左div









左div









sdkasd
粘在一个地方
请在问题中包含相关代码。