position：fixed not working

Question

今天在网站上工作时，我发现自己处于一个位置（哈哈...），我想固定在视口上的徽标不再粘住了。在我的研究中，为了解决这个问题，我了解到如果祖先元素对其进行变换，position: fixed将不会修复视口（请参阅positions-fixed-doesnt-work-when-using-webkit-transform）。我甚至试图删除所有的子元素（它们发生了变换和动画） - 但我仍然没有设法得到事情进行。

我现在有点无知，所以我做了一个jsfiddle让其他人看看。需要固定的元素是鲜红.titles元素：从身体http://jsfiddle.net/ZWcD9/90/

Answer 1

删除transfrom

body { 
    width: 100%; 
    /* -webkit-transform: translateZ(0); */ 
    /* transform: translateZ(0); */ 
}