scrollTo兼容处理

定义

Element 的 scrollTo() 方法 可以使界面滚动到给定元素的指定坐标位置。

语法

element.scrollTo(x-coord, y-coord)
element.scrollTo(options)

参数

参数名	描述
x-coord	期望滚动到位置水平轴上距元素左上角的像素
y-coord	期望滚动到位置竖直轴上距元素左上角的像素
options	ScrollToOptions对象

兼容性

解决方案

系统加载时初始化某些方法，使得能够兼容浏览器环境

(function(doc, win, el) {
  /**
 * @description scrollTo/scrollBy的polyfill
 *              IE9+
 */

  if (!win.scrollTo) {
    win.scrollTo = function(x, y) {
      win.pageXOffset = x;
      win.pageYOffset = y;
    };
  }
  if (!win.scrollBy) {
    win.scrollBy = function(x, y) {
      win.pageXOffset += x;
      win.pageYOffset += y;
    };
  }
  if (!doc.body.scrollTo) {
    el.prototype.scrollTo = function(x, y) {
      this.scrollLeft = x;
      this.scrollTop = y;
    };
  }
  if (!doc.body.scrollBy) {
    el.prototype.scrollBy = function(x, y) {
      this.scrollLeft += x;
      this.scrollTop += y;
    };
  }
})(document, window, Element);