如何动画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偏移对于动画来说还不够 - 如果条形图是可见的，y偏移值是0，否则它等于1。

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