作者:卖火柴的冰枫_939 | 来源:互联网 | 2022-12-08 13:47
当用户单击按钮时,我使用它来平滑滚动到特定部分:
window.scroll({
top: $(this).data('y'),
left: 0,
behavior: 'smooth'
});
这适用于所有地方(包括Android手机),但适用于Safari(台式机和iPhone)。在这种情况下,它会滚动到正确的位置,但不平滑,就像跳了起来。
我在此处提供了有关Codepen的小演示。只需单击导航菜单选项,它将在此处滚动。这在Chrome上很流畅,但在Safari上却不流畅。
不支持吗?(查看doc似乎不是这种情况)受支持的选项是什么?
谢谢!
1> tyriker..:
window.scroll
支持,但scroll-behavior
不支持CSS。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/scroll-behavior
在等待支持之前,请考虑使用smoothscroll-polyfill,它为Safari,IE和Edge添加了平滑滚动支持。