title: What are the different ways to push a page down using Javascript, CSS or Jquery?
body: <p><strong>I'm creating a chrome extension and I want to reserve space for my iframe toolbar that is appended outside the body</strong></p>
  
  <p>I tried the following with many websites, I inspect the page html with Firebug, go to the body tag and add this css rule to it :</p>
  
  <pre><code>-webkit-transform: translateY(40px);
  </code></pre>
  
  <p>I see he whole page is pushed down by 40px.</p>
  
  <p>I cannot use <code>margin-top:40px</code> It doesn't seem to work properly it doesn't push down fixed elements.</p>
  
  <p>Is there another way I can do to achieve the same thing using another technique, using Jquery or Javascript code ?</p>