CSSOM View | Notion

CSSOM View部分的api，可看作是DOM API的扩展，它在原来的Element接口上，添加了显示相关的功能，这些功能可分为三部分：

窗口部分
滚动部分
布局部分

窗口API

用于操作浏览器窗口的位置,尺寸等，基本上不用

window.moveTo(x,y)
window.moveBy(x,y)
window.resizeTo(x,y)

滚动API

滚动包括视口滚动和普通元素滚动，这两个部分要区分开。

视口滚动

视口滚动相关的属性是添加到window上的，<html>中的内容超出视口，自动会出现滚动条

window.scrollY 只读属性，y轴上滚动的距离
window.scrollX 只读属性，x轴上滚动的距离
window.scroll(x,y) 视图滚动到对应的位置

//要监听视口滚动，需要监听document的scroll方法
document.addEventListener('scroll',()=>{
    console.log(window.scrollY)
})

元素滚动API