平稳突然的“顶部”财产变化

Question

$('#navbr').affix({
 offset: {
    top: $('headdiv').height()
 }
}); 

如何让最佳变化顺利进行？

目前，当我靠近headdiv时，可以看到突然的变化。如何使转换过程顺利进行？

Answer 1

将css添加到#navbr

 #navbr * {
 -webkit-transition:all 1s cubic-bezier(0, 0.59, 0.24, 1.33);
 -moz-transition:all 1s cubic-bezier(0, 0.59, 0.24, 1.33);
 -o-transition:all 1s cubic-bezier(0, 0.59, 0.24, 1.33);
 transition:all 1s cubic-bezier(0, 0.59, 0.24, 1.33); 
  }

或任何其他转换选项