chrome 中通过 js 改变父子元素的样式时不同步执行？

在这个网站下：http://demo.uemo.net/itemid/125602/
问题出在页面中的 header 部分，当鼠标向下滚动的时候，header 的高度会变小，导航中文字的行高也会变小，
但是！
在 chrome 浏览器中，会先改变父容器的高度，然后再改变子元素的行高。
经测试，Firefox 和 Safari 不会出现这个问题，因系统原因没有测试 IE 内核浏览器。
请问为什么会发生这种情况，以及解决的办法（js 或 jquery）。
谢谢~

改css 把你的css文件里面的style_3089..css文件这一块改一下试试，不知道这样是不是你想要的效果。

 #navWrapper .content .nav>li:not(.jsMoveEl) {
    /* transition: all .36s ease; */
    position: relative;
    float: left;
    line-height: 82px;
    font-size: 14px;