javascript - 如何为 Safari 地址栏隐藏设置动画

Question

任务是在我的网站上隐藏 iPhone Safari 地址栏。我找到了以下代码来解决它：

function hideAddressBar() { 
    setTimeout(function() { window.scrollTop(0, 1); }, 0); 
}

window.addEventListener('load', hideAddressBar);
window.addEventListener('touchstart', hideAddressBar);
window.addEventListener('orientationchange', hideAddressBar);

它工作正常，但看起来很丑。我尝试过 jQuery 动画，但它不起作用，因为 y 偏移量不足以制作动画 - 如果 bar 可见，则 y 偏移值为 0，否则它等于 1。

我对slide同步 Safari 地址栏显示和隐藏的动画很感兴趣。有什么建议么？