粘性滚动：在CSS中定义何时在滚动中粘性元素应停止粘性

Question

我的问题是关于CSS中的粘性元素以及X高度后如何使其变得“不粘性”（再次跟随滚动流）。

在我看来，这个问题起初似乎是一个常见的问题，至少是我所期望的，但是我在网上和在Youtube上进行的搜索都没有找到结果。我为此付出了数小时的时间，现在我终于去了Stackoverflow作为最后的手段。 Stackoverflow中有一个类似的问题，但它与PHP有关，与css不相关，但我的问题是相同的。在此处查看相关的网址：Remove stickiness after scrolling element

作为一个例子，我想参考以下页面：https://www.varamedia.be/website-laten-maken/restaurants/。在这里，您可以清楚地看到问题的发生。滚动期间，sticky元素不会在整个图标列中保持粘性。

对此表示感谢，在此先感谢您的投入。

我尝试设置高度：XXXpx；粘性项目的div，但是此方法在响应性方面不是很灵活。

        .stickyimage{
            width:100%;
          background:orangered;
          height:0px;
          font-size:24px;
          color:#fff;
          text-align:center;
          line-height:60px;
          /*following codes is for sticky */
          position:sticky;
          top:0; /* it's up to you */
        }