title: How to get value of translateX and translateY?
body: <p>I want to get <code>translateY</code> value from the in-line css with the JavaScript.</p>
  
  <p>Here is the in-line value:</p>
  
  <pre><code>style ="transition-property: transform; transform-origin: 0px 0px 0px; transform: translate(0px, -13361.5px) scale(1) translateZ(0px);"
  </code></pre>
  
  <p>These code give to me the total list in to variable:</p>
  
  <pre><code>var tabletParent = document.getElementById("scroller");
  var toTop = tabletParent.style.transform;
  console.log(toTop);
  </code></pre>
  
  <p><code>console.log</code></p>
  
  <pre><code>translate(0px, -12358.8px) scale(1) translateZ(0px)
  </code></pre>
  
  <p>Expecting <code>toTop</code> as <strong>-12358.8px</strong>.</p>