Animated (+ fixed) position text

That code in the is based on this post: Page content getting clipped. Is there any other way of achieving it without killing browser performance?

Also, yeah, I’m aware that removing that part fixes the issue, but, also my page content then starts going out of browser viewport and thus, horizontal scrollbars start appearing (there’s no content other than the text in the example scene, but, any content towards the right of the page becomes an easy target of clipping).