Javascript Jquery window.scrollTo导致页面冻结

我正在重新设计一个网站，它有一个100%屏幕高度的标题，当用户开始滚动时，它需要缩小到0px。我遇到的问题是，页眉缩小到0px后，页面内容略高于窗口顶部。我试过在页眉缩小后使用“window.scrollTo（0,0）”，这很有效，但之后我就不能滚动了。我的页面在顶部卡住了？演示-->

---

有人对如何让页面保持滚动有什么建议吗？或者是一种设置页眉动画的方法，使内容不会超出页面顶部？

这看起来是因为当您滚动并将页眉高度缩小到0时，div#headerlogo的高度设置为160px。将高度设置为150px对我有帮助。我在Chrome上测试过，效果很好。您提供的代码在Firefox中正常工作，在IE中转换运行异常。您应该为所有浏览器添加正确的转换声明

    -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
     transition: background-color 500ms ease-out 1s;

---

如果需要帮助，您需要在此处发布代码。HTML-->CSS-->“here”表示您将代码放在文章中，而不是指向外部站点的链接。对此表示抱歉。只有600个字符可用，我怎么做？您的问题是将代码包含为一个。所提供的代码有效，并且#headerlogo在屏幕顶部为您完全可见？我使用160px作为我的黑客工具，因为这是我的鼠标每次点击滚轮的滚动距离。是的，只有在Firefox中。在铬有额外的空间和设置的高度为150px！在滚动之前的检查器中的重要信息（）为我做了这件事。在IE中，滑块从上到下转换，其中一些被标题徽标覆盖。我忘了提到，页面在任何时候和所有浏览器上滚动时都不会冻结。嗯，我得到了不同的结果。这是它当前的渲染方式，这是我希望它的渲染方式。注意导航栏下面的新项目（#headerlogo）。我想我上传了一个没有jQuery滚动条的版本。现在再试一次？