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

达里尔·门多内斯(Darryl Mendonez)

我有一个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>

瓦齐姆·萨维诺克(Vadzim Savenok)

删除left:10%行。

我已经通过使用http://codepen.io/pen/找到了错误,可能是将来进行CSS设计/调试时有用的工具。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

是否可以将div与div底部的位置对齐:固定?

来自分类Dev

在向下滚动时保持固定的div

来自分类Dev

滚动时如何在相对位置的div内使其div保持在其容器内

来自分类Dev

固定容器中居中对齐的可滚动div

来自分类Dev

在滚动以固定其位置时捕获div

来自分类Dev

滚动时如何固定div的位置?

来自分类Dev

水平滚动固定div,同时保持身体位置

来自分类Dev

滚动时使tvOS tableview行保持在固定位置

来自分类Dev

添加填充时,是否可以保持div的宽度和高度固定?

来自分类Dev

添加填充时,是否可以保持div的宽度和高度固定?

来自分类Dev

当用户不断滚动网页时,是否可以使div背景越来越透明?

来自分类Dev

固定位置时如何检测div中的滚动

来自分类Dev

div图像位置固定+滚动

来自分类Dev

使div(位置:固定)水平滚动

来自分类Dev

仅限Chrome:滚动固定div时出现固定位置滚动问题

来自分类Dev

滚动时,将div的位置保持在中间

来自分类Dev

div在容器中滚动时固定,但在浏览器中不固定

来自分类Dev

滚动时使相对位置div跟随固定位置div

来自分类Dev

如何使用固定容器滚动div文本?

来自分类Dev

固定文本在容器 div 内滚动

来自分类Dev

在加载时将div保持在屏幕底部,但在向下滚动时保持在原始位置

来自分类Dev

是否可以使用纯CSS使HTML容器以固定高度渐变消失?

来自分类Dev

如何使滚动条保持在固定位置div的内部,并且顶部像素向下推?

来自分类Dev

滚动时如何使导航栏保持固定

来自分类Dev

滚动时如何保持顶部菜单固定

来自分类Dev

需要CSS解决方案以使页面滚动保持在左上方(未固定位置)

来自分类Dev

如果一个DIV固定,是否可以并排对齐两个DIV?

来自分类Dev

如何使div固定位置水平滚动?

Related 相关文章

  1. 1

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

  2. 2

    是否可以将div与div底部的位置对齐:固定?

  3. 3

    在向下滚动时保持固定的div

  4. 4

    滚动时如何在相对位置的div内使其div保持在其容器内

  5. 5

    固定容器中居中对齐的可滚动div

  6. 6

    在滚动以固定其位置时捕获div

  7. 7

    滚动时如何固定div的位置?

  8. 8

    水平滚动固定div,同时保持身体位置

  9. 9

    滚动时使tvOS tableview行保持在固定位置

  10. 10

    添加填充时,是否可以保持div的宽度和高度固定?

  11. 11

    添加填充时,是否可以保持div的宽度和高度固定?

  12. 12

    当用户不断滚动网页时,是否可以使div背景越来越透明?

  13. 13

    固定位置时如何检测div中的滚动

  14. 14

    div图像位置固定+滚动

  15. 15

    使div(位置:固定)水平滚动

  16. 16

    仅限Chrome:滚动固定div时出现固定位置滚动问题

  17. 17

    滚动时,将div的位置保持在中间

  18. 18

    div在容器中滚动时固定,但在浏览器中不固定

  19. 19

    滚动时使相对位置div跟随固定位置div

  20. 20

    如何使用固定容器滚动div文本?

  21. 21

    固定文本在容器 div 内滚动

  22. 22

    在加载时将div保持在屏幕底部,但在向下滚动时保持在原始位置

  23. 23

    是否可以使用纯CSS使HTML容器以固定高度渐变消失?

  24. 24

    如何使滚动条保持在固定位置div的内部,并且顶部像素向下推?

  25. 25

    滚动时如何使导航栏保持固定

  26. 26

    滚动时如何保持顶部菜单固定

  27. 27

    需要CSS解决方案以使页面滚动保持在左上方(未固定位置)

  28. 28

    如果一个DIV固定,是否可以并排对齐两个DIV?

  29. 29

    如何使div固定位置水平滚动?

热门标签

归档