document.scrollingElement 应用

2019-12-22 12:33:31

阅读:355
分类:代码段
标签:js

document.scrollingElement 应用

  1. 背景介绍

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

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

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

评论:

    X

    备案号 皖ICP备19021899号-1  技术支持 © 947968273@qq.com