привязка к объекту iframe или html5

Question

привязка к объекту iframe или html5

0

Я пытаюсь прокрутить элемент внутри объекта 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();
        }
      };

если я помещаю якорь5 div вне объекта, он работает, но не внутри объекта. Я ищу, чтобы войти в объект и прокрутить до div. Любая помощь была бы потрясающей!

silksnare 29 июнь 2015, в 23:59

Источник

Теги:

javascript

angularjs

html5

1 ответ

Ещё вопросы

silksnare · Answer 1 · 2015-06-30T15-57-00.000Z

Догадаться. Вот код, который я использовал:

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

Я смог использовать предыдущий комментарий scrollIntoView(), используя параметры, и этот другой ответ. Как выбрать элемент внутри iframe с помощью document.getElementById