window.scroll 在 Internet Explorer 11 中不起作用

Question

我有以下代码，适用于除IE11. 知道可能是什么问题吗？function scrollIntoWarranty() {  var offset = 50;  var el = document.querySelector("#tr_tab_2");  window.scroll({ top: (el.offsetTop - offset), left: 0, behavior: 'smooth' });}<a href="#" onclick="scrollIntoWarranty(); return false;">  Go to warranty</a><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><div id="tr_tab_2">Warranty</div>

Answer 1

IE不支持ScrollBehavior

尝试这个

function scrollIntoWarranty() {

  var el = document.querySelector("#tr_tab_2");

  if ('scrollBehavior' in document.documentElement.style) { // behavior is not supported by IE

    var offset = 50;

    window.scroll({ top: (el.offsetTop - offset), left: 0, behavior: 'smooth' });

  } else {

    el.scrollIntoView();

  }

}

<a href="#" onclick="scrollIntoWarranty(); return false;">

  Go to warranty

</a>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

<div id="tr_tab_2">Warranty</div>