Javascript ScrollIntoView不';无法在Microsoft Edge上正常工作
我曾尝试将scrollIntoView()与smoothscroll.polyfill()结合使用,但我在Microsoft Edge上尝试过几次使用此功能,文本显示在屏幕顶部,但在Mozilla Firefox和Google Chrome上,将div集中。下面是代码: app.component.html: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
<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浏览器,则可以在其中避免此问题。裁判: