I apologise for the long title but, I was wondering how and I tried creating a div that is a child of a div with its same width, but the length of the entire page.
So in a way it is like a scroll-bar except the user can not move down the page by holding the smaller inner div (square). The small square just moves down its container as the mouse moves down to The bottom of the page.
but since The square inner div is in a container, with the same with, it can not and will not be able to move horizontally.

Does anyone have any ideas on how to do this?
Apologies for any confusion and please let me know if I canclear anything up.

I know a lot of this with deal with HTML, but I can see how JS would /9:30 could help.

Regardless can anyone help me or show me how to achieve something like this?

Thanks in Advance & Best Regards,
Team 1504