html - symfony2 中的 Twig 模板：保持位置：固定多个块

Question

我的 symfony2 项目中有一个树枝模板，里面有 4 个块。

第一个块通常是一个巨大的项目列表，因此用户必须在页面上向下滚动才能查看所有内容。

问题是块 2、3 和 4 和小块涉及它们的高度。

所以，为了有一些“好”的东西，我必须有想法：

1. 使块 2、3 和 4 始终固定，这样当用户向下滚动时，页面将向下移动到块 1，但其他块的内容将始终在屏幕上。

   为此，我知道如何使用 CSS：

   position:fixed 
   

   但我不知道如何一次对所有 4 个块使用 position:fixed。我试图创建一个额外的父块，但它不起作用。

2. 固定块 1 的大小，仅在块 1 内滚动，而不是在整个页面上滚动。我怎样才能做到这一点？如果我用 CSS 设置：

   height: 100px
   

   什么都没有发生。

非常感谢。

编辑：这是我目前尝试过的：

{% block global %}
    <div style="position:fixed ">
        {% block one %}
            ...
        {% endblock %}

        {% block two %}
            ...
        {% endblock %}
    </div>
{% endblock %}