给定页面中的一个点，clientY 和 pageY 是从该点到视口和页面顶部的距离（以像素为单位）。
在这里，page 是整个渲染的页面，其中可能有滚动条，而 viewport 是页面的可见部分。
┌─────────────────────────────┬─┐◀︎─── Web page ▲
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | pageY
| | | |
├=============================┼─┤ ▲ | ▲
| | | | | |
| | | | | |
| Scroll bar ──────────▶︎| | | | clientY
| | | Browser | |
| | | window | |
| ● Point | | | ▼ ▼
| | | |
| | | |
├=============================┼─┤ ▼
| | |
| | |
| | |
└─────────────────────────────┴─┘