页面加载事件
load事件
监听整个页面资源给window加
DOMContentLoaded
给document加
无需等待样式表、图像等完全加载(document.documentElement HTML文档返回对象为HTML)
页面滚动事件
scroll
很多网页需要检测用户把页面滚动到某个区域后做一些处理,比如固定导航栏,比如返回顶部
srollLeft 和scrollTop(属性)
可读:
document.documentElement.scrollTop = 800 //可写
window.addEventListener('scroll',function(){
console.log(document.documentElement.scrollTop)//可读
})
滚动到指定坐标
**元素.scrollTo(x,y)**相当于document.documentElement.scrollTop =值
元素位置
offsetLeft和offsetTop
可以获取元素距离浏览器页面左上的距离,如果有祖先元素,则定位到距离祖先元素的左右的距离。
element.getBoundingClientRect()
方法返回元素的大小及其相对于视口的位置