窗口中的各种距离/滚动距离的精确计算汇总

210 阅读 0 评论 139 点赞

我是靠谱客的博主酷炫翅膀，最近开发中收集的这篇文章主要介绍窗口中的各种距离/滚动距离的精确计算汇总，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

平时在项目开发中，没少跟边距，位置，坐标什么的打交道，悲剧的是，如果你对这些东西没有非常清晰的概念，编码的时候会非常痛苦，到处找资料寻求距离的精确计算。痛苦。。。。
今天就有个比较实际的需求，想要获取窗口滚动的距离，记得是scrollTop和scrollLeft，结果查找资料的时候发现个非常有用的示意图。

好吧，图上完了，我觉得我不用解释太多了吧，以后遇到什么client啊，offset啊，scroll啊，包括style内容的各种边距问题，你都不用再纠结了，看看这张图片一切都解决了。