Javascript 锚定到iframe或html5对象
我试图滚动到HTML5对象中的一个元素,如下所示: 带角度的HTML:Javascript 锚定到iframe或html5对象,javascript,angularjs,html,Javascript,Angularjs,Html,我试图滚动到HTML5对象中的一个元素,如下所示: 带角度的HTML: <a href="" ng-click="gotoAnchor(5)">SHOW ME</a> 如果我将anchor5 div放置在对象的外部,它会工作,但在对象的内部不会工作。我期待进入该对象并滚动到div。任何帮助都会很棒 找到了答案。以下是我使用的代码: var goToLink = function(link){ var element = document.getElementBy
<a href="" ng-click="gotoAnchor(5)">SHOW ME</a>
如果我将anchor5 div放置在对象的外部,它会工作,但在对象的内部不会工作。我期待进入该对象并滚动到div。任何帮助都会很棒 找到了答案。以下是我使用的代码:
var goToLink = function(link){
var element = document.getElementById('site-frame').contentWindow.document.getElementById(link)
element.scrollIntoView({block: "end", behavior: "smooth"});
}
我可以使用选项使用scrollIntoView()的上一条注释,而另一个答案是-尝试使用scrollIntoView()链接。我把它和我找到的另一个答案结合起来。
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();
}
};
var goToLink = function(link){
var element = document.getElementById('site-frame').contentWindow.document.getElementById(link)
element.scrollIntoView({block: "end", behavior: "smooth"});
}