Ist es möglich, eine div-Position während des Scrollens zu fixieren, aber diese linksbündig mit dem Container zu halten?

Question

Ich habe eine div, die ich in einer festen Position möchte, während der Benutzer scrollt nach oben und unten, aber ich möchte es seine linke Ausrichtung beibehalten, um alle anderen Divs innerhalb eines Containers zu entsprechen. Ich benutze Bootstrap 3 und habe alle meine Divs in einem Container. Ich möchte, dass ein div an einer Stelle bleibt, während der Benutzer nach oben und unten scrollt, aber ich möchte, dass die linke Ausrichtung, die vom Container geerbt wird, vom Bootstrap beibehalten wird, damit er immer noch mit allen anderen Elementen auf der Site übereinstimmt. Dies ist, was ich bisher ohne Erfolg habe. Es folgt nicht dem Rest der Ausrichtung des Divs.

#section { 
    padding-top: 80px; 
    padding-bottom: 80px; 
    z-index: -10; 
    position: fixed; 
    left: 10%; 
} 

<div id="section" class="parallax-section"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-md-12 col-sm-12"> 
      <h1>Transformative</h1> 
      <h1>thinking.</h1> 
     </div> 
    </div> 
</div> 

Answer 1

left:10% Zeile löschen.

Ich habe den Fehler durch Verwendung von http://codepen.io/pen/ Mai ein nützliches Werkzeug für zukünftige CSS-Design/Debuggen zu verwenden.