防止Internet Explorer在焦点上滚动

Question

在Internet Explorer（11）中打开这个小提琴：https://jsfiddle.net/kaljak/yw7Lc1aw/1/

加载

-Tag聚焦，IE稍微滚动元素，以便不再可见表格边框...

document.querySelector("P").focus();

document.querySelector("P").focus();

TABLE {
  border-left: 20px solid blue;
  border-right: 20px solid blue;
  table-layout: fixed;
}
p {
  width: 1000px;
}
DIV {
  overflow: auto;
}

<div>
  <table>
    <tr>
      <td>
        <p tabindex="0">Test</p>
      </td>
    </tr>
  </table>
</div>

如何防止这种情况（不滚动）？

Answer 1

div元素是滚动的元素：

您可以使用类似

的内容

document.getElementById('t').scrollLeft = 0;

假设您已使用id='t'

标记了包装div

Answer 2

你可以这么简单地做：

   document.querySelector("P").focus();
   document.querySelector("div").scrollTop = 0;
   document.querySelector("div").scrollLeft = 0;