Simple chat facility - if file exists not working

Okay, that's an CSS issue. Should not be solved with JavaScript.
In those stackoverflow (linked above) you got the following solution; https://codepen.io/jimbol/pen/YVJzBg

I have used something similar. Just append your latest message at the top in the DOM and it will work just fine.

Thanks jreklund, yes that did the trick. For the sake of others who might be wanting the scroll bar to the bottom this is the coding;

PHP Code:

<style type="text/css"> .mem {position:fixed; width:53%; left:46%; top:30%; font-family: arial; font-size: 100%; color: Black; bottom: 7%; overflow: auto; display: flex; flex-direction: column-reverse;}</style>