Если вы посмотрите видео здесь: http://f.cl.ly/items/2g1a2B3G312D0x0G353W/Render%20Bug%202 .mov- вы увидите проблему в действии.В принципе, у меня есть что-то вроде следующего:

  
TEXT HERE
  

    
Tab One
    
Tab Two
    
Tab Three
    
Tab Four
  
  

Sidenav абсолютно позиционируется, вот так:

#sidenav {
  position: absolute;
  top: 200px;
  left: 0px;
  width: 770px;
  padding: 30px 0px 20px;
  background: rgba(255, 255, 255, 0.85);
  -webkit-transition: left 0.75s ease-in-out;
  -webkit-backface-visibility: hidden;
  z-index: 10; /* This fixed it. */
}

#sidenav.hidden {
  left: -768px;
}

У меня есть следующий jQuery:

$("#tab").click(function(){
  $("#sidenav").toggleClass("hidden");
});

Однако элементы внутри раздела не поспевают за анимацией.Каждый раз, когда я нажимаю, они либо отстают, либо вообще не двигаются.Однако они просто призраки, я не могу их щелкнуть.Когда я возвращаю боковую навигацию обратно обычно они догоняют, но иногда ломаются, пока я не наведу курсор на