scrollIntoView 在 safari 浏览器中无法按预期工作

Question

我有这个可滚动的div，里面有一个SVG，其中的点已给定id。我想将选定的点与 div 的中心对齐，我有这个解决方案

document.getElementById("myID").scrollIntoView({ 
    behavior: 'smooth', 
    block: 'nearest', 
    inline: 'center' 
 })

这在 chrome 中工作正常，但在 safari 中不起作用，最好的解决方案是什么？

Answer 1

Safari 不支持此功能。具体来说，不支持

scrollIntoViewOptions

，因此您需要为此找到一个填充或完全采用另一种方法。

Answer 2

如果您使用 IOS 设备在 iframe 元素内调用它，则

scrollIntoView 不起作用。但是您可以使用parent.window.postMessage() 并在那里使用scrollIntoView。您还可以使用 window.scrollBy()。