How to move event text and time to bottom of the div on scrolling down

Would you be able to give me a solution for how to get content of the event at the bottom?
Please check this image.

I want the text and event bar, which is on top, has to be at the bottom when the user scrolls down; otherwise, it would stay at the top.


You need to add next CSS rules to the event container .dhx_body dynamically to display text in the bottom of the div when the user scrolls down the container with Scheduler:

vertical-align: bottom;
display: table-cell;