Is there a solution to achieve the effect of changing div size on scroll?
I want to have effect like this: https://angular-f6srve.stackblitz.io
I am using angular hostListener to catch scroll events and I apply necessary changes into div. Unfortunately, sometimes I see some delays / stuck. The div height change not always reflect the actual position of scrollbar and this difference is visible, the change is not smooth.

This situation is more visible when the angular application is more complex than this one in example. Do you know, guys some lib which works better, or could it be achieved using CSS?