jQuery window.scrollTo导致页面冻结

Question

我正在重新设计一个具有100％屏幕高度标题的网站，当用户开始滚动时，该标题必须缩小为0px。 我的问题是标题缩小为0px之后，页面的内容略高于窗口顶部。 标头缩小后，我尝试使用“ window.scrollTo（0,0）”，该方法有效，但此后我无法滚动任何内容。 我的页面停留在顶部？ 演示-> http://test-sandbox.000webhostapp.com

是否有人建议如何让页面继续滚动？ 还是一种使页眉动画化的方法，以使内容不超出页面顶部？

Answer 1

发生这种情况的原因是，当您将标题的高度滚动并缩小到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;