2017년8월15일 업데이트 : translateZ(0) 여기에서 숫자를 전부 0으로 해놓으면 fixed 정의한 엘리먼트들이 ios에서 scrolltop 과 같이 스크롤이 빠르게 진행되다보면 fixed 레이어가 사라지게 된다. z-index가 안먹힌다.

translateZ(여기에)  fixed 한 엘리먼트의 z-index 값을 넣어준다.

크롬 브라우저에서 position값을 fixed로 만든 A라는 엘리먼트가 있는데 스크롤하다가 영상 오브젝트에 마우스 오버를 한 후 다시 스크롤을 하게 되면 A라는 엘리먼트 잔상이 영상 오브젝트 뒤에 생겨날 때가 있다.
그리고 분명 fixed 인데 미세하게 떨리면서 스크롤할 때마다 스크롤 방향으로 조금씩 떨리면서 움직인다.

해결방법은 간단하다. fixed라고 값을 준 css에 아래 값을 추가해주면 된다.

-webkit-transform: translateZ(0)

왜 이렇게 다시금 Z값을 초기화하는지는 모르겠지만 그래도 적용해보니 제대로 정상 작동하였다.

이유는 차차 연구할 예정이다.

크롬과 사파리에서 발견하였고 해외에서는 이슈사항으로 포럼에 올라오기도 하였다.
이슈 : https://code.google.com/p/chromium/issues/detail?id=288747