Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.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 ScrollIntoView不';无法在Microsoft Edge上正常工作_Javascript_Angular_Cross Browser_Microsoft Edge_Angular Ui - Fatal编程技术网

Javascript ScrollIntoView不';无法在Microsoft Edge上正常工作

Javascript ScrollIntoView不';无法在Microsoft Edge上正常工作,javascript,angular,cross-browser,microsoft-edge,angular-ui,Javascript,Angular,Cross Browser,Microsoft Edge,Angular Ui,我曾尝试将scrollIntoView()与smoothscroll.polyfill()结合使用,但我在Microsoft Edge上尝试过几次使用此功能,文本显示在屏幕顶部,但在Mozilla Firefox和Google Chrome上,将div集中。下面是代码: app.component.html: <button (click)="scroll()">Click</button> <div>Hello World</div> <d

我曾尝试将scrollIntoView()与smoothscroll.polyfill()结合使用,但我在Microsoft Edge上尝试过几次使用此功能,文本显示在屏幕顶部,但在Mozilla Firefox和Google Chrome上,将div集中。下面是代码:

app.component.html:

<button (click)="scroll()">Click</button>
<div>Hello World</div>
<div>Hello World</div>
[...]
<div class="hello">Hello World Test</div>
[...]
<div>Hello World</div>
<div>Hello World</div>
scroll() {
    document.querySelector('.hello').scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center'})
}
注意:我使用的是AngularV9.1.0(最新版本)


谢谢大家

我假设您正在使用MS Edge(旧版)浏览器进行测试。由于不支持平滑行为,并且您正在使用第三方smoothscroll.polyfill(),我建议您尝试在他们的GitHub问题页面上创建一个问题。参考:如果您可以使用MS Edge Chromium浏览器,则可以在其中避免此问题。裁判: