element.scrollTo 方法使用与兼容

在工作中碰到控制滚动条滚动的需求，原有代码使用 scrollTo 进行滚动，在现代浏览器上都可以正常运行，但是到了 IE11 上却不行了，于是对 scrollTo 做了一层小小的封装。于是在这里分享一下…

window.scrollTo

var x = 0, y = 100;
window.scrollTo(x, y);

element.scrollTo

var $el = document.querySelector("#container");
var x = 0,
  y = 100;
$el.scrollTo(x, y);

兼容性问题

/**
 * polyfill for scrollTo on element
 * @param {HtmlElement} el
 * @param {number} x
 * @param {number} y
 */
function scrollTo(el, x, y) {
  if (!el) {
    return;
  }

  if (el.scrollTo) {
    el.scrollTo(x, y);
  } else {
    el.scrollLeft = x;
    el.scrollTop = y;
  }
}

$el.clientHeight + $el.scrollTop === $el.scrollHeight; // true

Reference