Position fixed(or sticky)?

Hello! I need make a rulers in my project for x axis. On picture 1 and 3 are rulers, 2 is main wehe we can zoom or move camera x or y axis. When we zoom or move camera x-axis i need recalculate values on rulers. Is it possble? If yes, how i can do this? I found two hooks, useThree and useFrame and useThree have viewport and other props.