javascript - scrollIntoView 仅适用于 IFRAME

Question

我在页面内有一个带有滚动条的元素，通过 JS 调用 element.scrollIntoView() 在页面加载时显示该元素 - 正如预期的那样工作正常。

现在，如果我将此页面放入一个 IFRAME 中，则调用 element.scrollIntoView() 不仅会将 iframe 内的元素带到 iframe 的顶部 - 如果父页面有其滚动条自己 - 它也滚动父页面，将相关元素也带到父页面的顶部。

我知道这可能是设计使然的行为，但是是否有办法将“scrollIntoView”行为仅包含在 IFRAME 中，或者是否有任何替代方法来实现此行为(不影响父页面)。

Answer 1

Figured it out .我可以将元素的父级 scrollTop 设置为元素自己的 offsetTop。这将使父级滚动到元素的位置，并且效果将在 IFRAME 本地。