******前期知识背景
Document
Document是一个Web API接口,表示任何在浏览器中载入的网页,并作为网页内容的入口,也就是DOM 树。
DOM 树包含了像<body>这样的元素,以及大量其他元素。它向网页文档本身提供了全局操作功能,能解决如何获取页面的 URL ,如何在文档中创建一个新的元素这样的问题。
Document(): 创建一个新的 Document 对象
document.documentElement
这是文档的根元素, Document.documentElement 是一个会返回文档对象(document)的根元素的只读属性(如HTML文档的 元素).
Document.scrollingElement
scrollingElement ( Document 的只读属性)返回滚动文档的 Element 对象的引用。
在标准模式下, 当在怪异模式下, scrollingElement 属性返回 HTML body 元素(若不存在返回 null )
示例:

好了,介绍完前期背景,相信大家对于document有了初步的了解,下面开始我们的正题~~~
使用document.scrollingElement控制窗体滚动高度
如果只是为了获取当前网页窗体的滚动高度,直接使用window.pageYOffset就可以了(IE9+),桌面端和移动端都支持。 但是window.pageYOffset是一个只读属性,我们无法用来设置窗体的滚动高度,此时,就要找到对应的滚动元素,通过设置scrollTop值来改变窗体的滚动位置。
document.scrollingElement这个属性直接动态识别滚动容器,可以自动识别不同平台上的滚动容器。
于是当我们希望页面滚动定位到具体位置的时候,如400像素,直接一行代码就可以搞定了: document.scrollingElement.scrollTop = 400