OTT 前端技术

document.scrollingElement 应用

1. 背景介绍

  如果只是为了获取当前网页窗体的滚动高度window.pageYOffset就可以了（IE9+），桌面端和移动端都支持
  但是window.pageYOffset是一个只读属性，我们无法用来设置窗体的滚动高度，此时，就要找到对应的滚动元素，通过设置scrollTop值来改变窗体的滚动位置

2. 为何要document.scrollingElement

  // 实际上为了控制页面滚到具体位置
  // pc使用
  document.documentElement.scrollTop;
  // 移动端使用
  document.body.scrollTop;

  /*
    * 为了决绝这种兼容性问题 于是有了 document.scrollingElement 语言更加明确
    * 当我们希望页面滚动定位到具体位置的时候 一行代码就搞定了
    * document.scrollingElement 返回产生滚动的元素
  */
  document.scrollingElement.scrollTop = 400;