Я пытаюсь прокрутить элемент внутри объекта 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. Любая помощь была бы потрясающей!
Догадаться. Вот код, который я использовал:
var goToLink = function(link){
var element = document.getElementById('site-frame').contentWindow.document.getElementById(link)
element.scrollIntoView({block: "end", behavior: "smooth"});
}
Я смог использовать предыдущий комментарий scrollIntoView(), используя параметры, и этот другой ответ. Как выбрать элемент внутри iframe с помощью document.getElementById