各种查看距离的方法和元素大小
本文共 339 字，大约阅读时间需要 1 分钟。
一、可视区域窗口大小
innerWidth/innerHeight
二、查看元素尺寸
offsetWidth offsetHeight 查看视觉上的尺寸大小
三、查看元素的位置
offsetlLeft offsetTop 对于无定位父级的元素 返回相对文档的坐标，对于有定位父级的元素 返回相对于最近的有定位的父级的坐标
pageX,pageY（相对于页面的最顶端）
clientX,clientY==x,y（相对于视口的距离，类似于fix）
offsetX,offsetY (鼠标相对于事件源内边距 的坐标)鼠标点的位置
window.pageXoffset 滚动条滚动距离
offsetTop 距离页面最顶端
window.innerHeight 页面屏幕的高度
图片如下：
你可能感兴趣的文章
杭电ACM——蝎子搬新家（贪心）
查看>>
杭电ACM——处理木棍（贪心）
查看>>
杭电ACM——broomstick训练营（贪心）
查看>>
杭电ACM——1018，Big Number（思维）
查看>>
杭电ACM——6463（思维）
查看>>
杭电AC——6561（思维）
查看>>
杭电ACM——1034，Candy Sharing Game
查看>>
杭电ACM——建房子（贪心）
查看>>
杭电ACM——1297，Children’s Queue（递推）
查看>>
杭电ACM——1003，Max Sum（DP）
查看>>
杭电ACM——1042，N！（思维）
查看>>
杭电ACM——1060，Leftmost Digit（思维）
查看>>
杭电ACM——1061，Rightmost Digit（思维）
查看>>
杭电ACM——1087，Super Jumping! Jumping! Jumping!（DP）
查看>>
杭电ACM——fatmouse's speed（DP）
查看>>
杭电ACM——毛毛虫（DP）
查看>>
杭电ACM——humble numbers（DP）
查看>>
杭电ACM——6467，简单数学题（思维）
查看>>
杭电ACM——天上掉馅饼（DP）
查看>>
杭电ACM——1086，You can Solve a Geometry Problem too（思维）
查看>>