Why Moving Elements With Translate() Is Better Than Pos:abs Top/left Reference article Paul Irish
For the life of me, I cannot get this css3 translate animation to work. So I made a jquery interaction that has the same to behavior. click on the X .navi-toggle
in the top left corner to see it in action. It's rather jerky and I'm really curious on how much better translate() will work.
HTML
<div id="page-container">
<nav id="route-bar" >
</nav>
<div class="w-panel">
<div class="navi-toggle">X</div>
<div class="panel">
</div><!--end of w-panel-->
</div><!--end of page container-->
CSS
.open-panel
{
left:336px;
}
coffeescript
$(".navi-toggle").on
click: ->
$(".w-panel").toggleClass "open-panel"