title: Remove unwanted space with position sticky
body: <p>I'm trying to use <code>position: sticky</code> on a rotated element but I get extra space at the top. Also where the sticky element has to stops (at the end of parent) it goes outside.</p>
  
  <p>Notice I need to have control to choose how many pixels put between sticky element and the left window side.</p>
  
  <p>Check the 2 screenshot to understand the 2 problems, and what I want to achieve.</p>
  
  <p><strong>Problem 1: extra space at top</strong>
  <a href="https://i.stack.imgur.com/DrfRr.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/DrfRr.jpg" alt="State 1 (default at start)"></a></p>
  
  <p><strong>Problem 2: sticky element goes outside at the end of section</strong>
  <a href="https://i.stack.imgur.com/Rpq6a.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/Rpq6a.jpg" alt="State 2 (at section end)"></a></p>
  
  <p>I'm using this code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;section class="section"&gt;
  
    &lt;h1 class="section__title"&gt;STICKY&lt;/h1&gt;
  
    &lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col [ col-lg-8 offset-lg-2 ]"&gt;
          &lt;div class="h4"&gt;
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam quos illum aperiam officia provident, mollitia at, tempore atque, blanditiis sit optio esse harum officiis voluptas iusto sequi. Magni, reiciendis quidem.
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/section&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.section__title {
    display: inline-block;
    transform: rotate(-90deg) translatex(-100%);
    transform-origin: 0% 0%; 
    margin-bottom: 0;
  
    position: sticky;
    top: 0;
    left: 50px;
  }
  </code></pre>
  
  <p>Here is a <strong>Codepen</strong> with the entire code: <a href="https://codepen.io/anon/pen/KLqJGG" rel="noreferrer">https://codepen.io/anon/pen/KLqJGG</a></p>
  
  <p>How can I solve this?
  Thanks</p>