How can i prevent position:fixed element overlapping another element dynamically?

Question

I am using vuejs as Framework for client side programming, And in that I got stuck in css little bit.

I have a component whose height can be changed dynamically, that is