滾動跨域子iframe？

Question

是否可以加載跨域子iframe並將其滾動到某個部分？例如，我想引用一個關於Stack Overflow的問題，並使用JavaScript將它滾動到問題所在頁面的特定部分，也可能覆蓋一個突出顯示或其他東西。

我的破解是加載iframe的高度非常高，然後通過移動位置進行滾動。

這很糟糕，有沒有更好的方法？

Answer 1

如果iframe是從不同的原始域加載的，那麼您可以做的事情很少與它進行交互。瀏覽器強制執行跨源安全性，不會讓您直接操作iframe內容。如果您對正在加載到iframe中的內容有一些控制權，則可以使用postMessage函數。

postMessage API好像是fairly well supported。你可以看看specification和demo。

這blog post似乎有一個很好的問題的方法概述。

你剛剛設置iframe的高度是一個有趣的想法，但你將不得不知道它需要多長時間，所以只有當你知道你想要顯示的內容時纔會工作。