錨定到iframe或html5對象

Question

我正在嘗試滾動到HTML5對象中的某個元素，如下所示：

帶有角度的HTML：

<a href="" ng-click="gotoAnchor(5)">SHOW ME</a>

這是我用來在本地提取html文件的對象。

<object type="text/html" data="sample.html" id="site-frame">

在sample.html中，我在頁面底部有一個div：

div id="anchor5" class="anchor">Anchor 5 of 5</div>

控制器內的功能：

$scope.gotoAnchor = function(x) {
        var newHash = 'anchor' + x;
        if ($location.hash() !== newHash) {
          $location.hash('anchor' + x);
        } else {
          $anchorScroll();
        }
      };

如果我將anchor5 div放置在對象之外，則可以，但是不能在對象的內部。 我正在尋找進入對象並滾動到div。 任何幫助都是極好的！

Answer 1

弄清楚了。 這是我使用的代碼：

var goToLink = function(link){
    var element = document.getElementById('site-frame').contentWindow.document.getElementById(link)
    element.scrollIntoView({block: "end", behavior: "smooth"});
}

我能夠使用選項和其他答案使用scrollIntoView（）的先前注釋- 如何使用document.getElementById在iframe中選擇元素