是否可以在滚动时保持div位置固定,但保持与容器左对齐?

时间:2016-07-08 21:31:40

标签: html css twitter-bootstrap twitter-bootstrap-3 fixed

我有一个div,我想在一个固定的位置,而用户向上和向下滚动,但我希望它保持其左对齐以匹配容器内的所有其他div。我正在使用Bootstrap 3并将所有div放在一个容器中。我希望一个div留在一个位置,因为用户向上和向下滚动但是我希望它保持.container从bootstrap继承的左对齐,所以它仍然与网站上的其他所有内容对齐。这是我到目前为止无济于事。它不会跟随div的其余部分。

#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>

1 个答案:

答案 0 :(得分:1)

删除left:10%行。

我通过使用http://codepen.io/pen/发现错误可能是用于未来css设计/调试的有用工具。