文档坐标和视口坐标
文档坐标是指网页从<html>
开始至</html>
结束之间的宽高,窗口坐标是指浏览器除去菜单栏、书签栏、滚动条之后剩下的视野宽高。
获取代码:
1 | //文档坐标 |
滚动条滚动位置坐标
代码如下:
1 | function getScroll(w) { |
查询元素尺寸和位置
判定一个元素的尺寸和位置最简单的方法就是调用它的getBoundingClientRect()
方法,这个方法返回元素在视口坐标中的位置
代码如下:
1 | function getElementRect(e){ |
元素滚动
使用window.scrollTo()
方法可以滚动到页面的任何位置
1 | //滚动到页面底部 |