clientY
and pageY
are the distances in pixels from the point to the top of viewport and page.┌─────────────────────────────┬─┐◀︎─── Web page ▲
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | pageY
| | | |
├=============================┼─┤ ▲ | ▲
| | | | | |
| | | | | |
| Scroll bar ──────────▶︎| | | | clientY
| | | Browser | |
| | | window | |
| ● Point | | | ▼ ▼
| | | |
| | | |
├=============================┼─┤ ▼
| | |
| | |
| | |
└─────────────────────────────┴─┘