有啥方法可以平滑地为 window.scrollTo(0, 1) 设置动画？

Posted 2023-03-11

【中文标题】有啥方法可以平滑地为 window.scrollTo(0, 1) 设置动画？

【英文标题】：Any way to smoothly animate window.scrollTo(0, 1)?有什么方法可以平滑地为 window.scrollTo(0, 1) 设置动画？

【发布时间】：2011-03-10 21:30:47

【问题描述】：

如果 iPhone Web 应用程序想要隐藏原生 Mobile Safari 工具栏，则需要调用 window.scrollTo(0, 1) well-known。不幸的是，这是一个非常不和谐的过渡。页面一口气向上滑动〜100px。有什么方法可以让这个过渡顺利吗？

您似乎无法使用常规的 javascript 动画，因为您只能从 0 转到 1。您似乎也无法应用 CSS 过渡，因为您设置的是 DOM 属性 (window.scrollY)，而不是 CSS 属性。

【参考方案1】：

也许您可以隐藏页面上的所有内容，直到 scrollTo 完成。