Scroll beyond the top of the scrollview

I have a scrollview and the messages are added to it. When new message is added all the others are moved upwards with transition.to. Basically it’s a messenger. 

The problem is that the files are moved beyond the top of the scrollview, so they cannot be accessed when the user scrolls upwards. 

is there anyway for a scrollHeight “grow upwards”?

Surely when you add a new message you add it to the bottom and then use scrollTo to make it visible.  Anyway why reinvent the wheel when whatsapp, snapchat, etc. have this market covered?

I was previously implementing scrollto rather than transition.to, but scrollto is not conveying the right affect: messages should pop at the bottom and push other messages to the top. Anyways, I think the solution is the combination of the two functions.

It is not another messenger app, but it is a text game recreating a messenger mechanics.

Surely when you add a new message you add it to the bottom and then use scrollTo to make it visible.  Anyway why reinvent the wheel when whatsapp, snapchat, etc. have this market covered?

I was previously implementing scrollto rather than transition.to, but scrollto is not conveying the right affect: messages should pop at the bottom and push other messages to the top. Anyways, I think the solution is the combination of the two functions.

It is not another messenger app, but it is a text game recreating a messenger mechanics.