javascript - window.scroll 平滑不适用于 Safari

Question

当用户点击按钮时，我使用它来平滑滚动到特定部分:

window.scroll({
  top: $(this).data('y'),
  left: 0,
  behavior: 'smooth'
});

这在任何地方(包括 Android 手机)都很好用，但在 Safari(桌面和 iphone)上。在那些情况下，它会滚动到正确的位置，但它并不平滑，就像它跳跃一样。

我在 Codepen 上做了一个小演示 here .只需单击导航菜单选项，它就会滚动到那里。这在 Chrome 上会很流畅，但在 Safari 上就不行。

这不支持吗？ (好像不是looking at the doc)支持的选项有哪些？

谢谢!

Answer 1

支持

window.scroll，但不支持 scroll-behavior CSS。

https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior

等待支持，考虑使用 smoothscroll-polyfill它增加了对 Safari、IE 和 Edge 的平滑滚动支持。