Мой вопрос касается липкого элемента в css и того, как сделать его обратно «не липким» (следуйте за прокруткой снова) после X высоты.
Мне этот вопрос поначалу казался обычным, по крайней мере, я ожидал, но ни один из моих поисков в Интернете и на Youtube не помог мне найти результат. Я буквально потерял часы на этом, и теперь я, наконец, отправляюсь в Stackoverflow в качестве последнего средства.
В Stackoverflow был похожий вопрос, но он касался PHP, а не CSS, но мой вопрос примерно такой же. См. Связанный URL здесь: Удалите липкость после элемента прокрутки
В качестве примера я хотел бы сослаться на эту страницу: https://www.varamedia.be/website-laten-maken/restaurants/. Здесь вы четко видите, как происходит проблема. Липкий элемент не остается липким во всем столбце значков во время прокрутки.
Любая информация по этому вопросу будет высоко оценена, спасибо заранее.
Я пытался установить высоту: XXXpx; к элементу липкого предмета, но этот метод не очень гибок в отношении отзывчивости.
.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 */
}