css位置：固定在chrome和safari中滚动时不固定

Question

好的，问题是，我使用的是与stickyjs主题捆绑在一起的wordpress插件。当它到达视口顶部时，我决定制作一部手机图像棒，除了它在滚动时松开然后再次移回其固定位置，有时它会闪烁。 这是网站 - ＆gt; http://majic.explaininja.com/

问题出现在chrome和safari中，但不在firefox中

谢谢！

Answer 1

当它从relative切换到static时，它使用CSS转换从0px转到80px（从顶部开始）。要解决此问题，请删除转场：

-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;

...来自#majic-process #mobile-phone。