Jquery window.scrollTo 导致页面冻结

Question

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

有没有人建议如何让页面继续滚动？或者也许是一种动画标题的方法，以便内容不会超过页面顶部？

Answer 1

看起来发生这种情况是因为当您滚动并将标题的高度缩小到 0 时，div #headerlogo 的高度设置为 160 像素。将高度设置为 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;