Элемент с фиксированным позиционированием дергается при прокрутке

У меня возникла проблема с элементом с фиксированным позиционированием на веб-странице. Элемент должен следовать за прокруткой и скрываться, когда пользователь достигает верхней части страницы. Однако, при прокрутке элемент дергается или скачет вместо того, чтобы гладко следовать за прокруткой.
Я попытался использовать position: fixed и обновлять свойство top с помощью JavaScript, но проблема осталась. Я также добавил transform: translateZ(0) и will-change: transform для улучшения производительности, но это не помогло.

Может кто-нибудь помочь мне определить причину проблемы и предложить решение, чтобы элемент с фиксированным позиционированием гладко следовал за прокруткой без дергания или скачков?