三剑客offset、client和scroll，哪个滚动距离计算方式让你傻眼？

本文共计1248个文字，预计阅读时间需要5分钟。

在前端学习过程中，我们常会遇到offset、client与scroll，统称为三剑客。01_offset定义：元素在屏幕上占用的所有可见空间。元素可见的大小由其高度和宽度决定。

在学习前端的过程中，我们经常会碰到offset, client与scroll，所以我就把它们称作为‘三剑客'。

01 offset - 偏移量

定义：元素在屏幕上占用的所有的可见的空间。