title: positioning issue with translate3d per javascript, jquery
body: <p>im working on a little project of mine and noticed a wiered problem.</p>
  
  <p>Here is the <a href="http://jsfiddle.net/L4Txr/3/" rel="nofollow">fiddle</a>.</p>
  
  <p>If you refresh the fiddle and go to the page <strong>"list"</strong> and then to <strong>"Angebot"</strong> you will notice, that the "old page" slides down correctly but the new page slides up instead of down. In my javascript i position the new page correctly right before the animation. somehow the positioning is not performed before the animation.</p>
  
  <p>And here is the positioning part:</p>
  
  <pre><code>if ((activePage.index() + 1) &gt; newPageIndex) {
  
      move = pageSize;
  
  } else {
  
      move = -pageSize;
  }
  
  newActivePage.css({
      "-webkit-transition-duration": "0",
      "-webkit-transform": "translate3d(0, " + -move + "px, 0)",
      "-moz-transition-duration": "0",
      "-moz-transform": "translate3d(0, " + -move + "px, 0)",
      "transition-duration": "0",
      "transform": "translate3d(0, " + -move + "px, 0)"
  });
  
  activePage.css({
      "-webkit-transition-duration": "0.4s",
      "-webkit-transform": "translate3d(0, " + move + "px, 0)",
      "-moz-transition-duration": "0.4s",
      "-moz-transform": "translate3d(0, " + move + "px, 0)",
      "transition-duration": "0.4s",
      "transform": "translate3d(0, " + move + "px, 0)"
  }).removeClass("page-active");
  
  newActivePage.css({
      "-webkit-transition-duration": "0.4s",
      "-webkit-transform": "translate3d(0, 0, 0)",
      "-moz-transition-duration": "0.4s",
      "-moz-transform": "translate3d(0, 0, 0)",
      "transition-duration": "0.4s",
      "transform": "translate3d(0, 0, 0)"
  }).addClass("page-active");
  </code></pre>
  
  <p>the newActivePage should be positioned on top of the activePage or below depending on the move variable. after that it should be animated accordingly. as i said, for some reason the positioning does not happen before the animation.</p>
  
  <p>Maybe someone knows a solution or workaround.</p>
  
  <p>Thanks in advance
  arkhon</p>
  
  <p>EDIT:</p>
  
  <p>unfortunatily the offSetWidth fix only works in chrome but not in firefox.
  So maybe someone has any additional ideas?</p>