Jquery window.scrollTo导致页面冻结

Question

我正在重新设计一个具有100％屏幕高度标题的网站，当用户开始滚动时，需要将其缩小到0px。我遇到的问题是在标题缩小到0px后，页面内容略高于窗口顶部。我已经尝试在标题缩小后使用“window.scrollTo（0,0）”，这有效，除了我之后无法滚动任何东西。我的页面卡在顶部？演示 - ＆gt; 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;