div的左上角是否始终在JavaScript中以0,0开头的坐标？

Question

If I create a div tag with red color filled in at 300 x 300 pixels, I want to make it so that the coordinate system is 0,0 at the corner of the div tag instead of page. So regardless of where the div tag is positioned, the top left corner of that div tag is always 0,0.

If possible, it would be great if scrolling could be taken into account such that if I scroll down a bit, i can still click on the top left corner of the div and it would still know that it is the 0,0.

It would involve something like: event.clientX and event.clientY or maybe there is a better method to accomplish this.

Answer 1

Are you meaning to do something like the following?

<div style="position: fixed; top: 0px; left: 0px; width: 300px; height: 300px;">
</div>