Safari和IE中的element.scrollIntoView（scrollIntoViewOptions）始终滚动到顶部而不是中心

Question

我正在使用以下调用将元素滚动到Chrome中的视图中：

element.scrollIntoView({
  block: 'center',
  inline: 'nearest
})

它在Chrome中正常运行，但在Safari和IE / Edge中，它始终像我使用block：“开始”一样滚动。即使我尝试更改为block：“ end”，它仍会将该元素滚动到其可滚动容器的顶部。

我想念什么吗？

在此处查看测试代码：https://www.w3schools.com/code/tryit.asp?filename=G1V3LQQSAKF3（很抱歉，它不是插件，但是我从MDN网站复制了示例）