Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 锚定到iframe或html5对象_Javascript_Angularjs_Html - Fatal编程技术网

Javascript 锚定到iframe或html5对象

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

我试图滚动到HTML5对象中的一个元素,如下所示:

带角度的HTML:

<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"});
}