html - symfony2 の Twig テンプレート: 位置を保持: 複数のブロックに対して固定

Question

symfony2 プロジェクトに twig テンプレートがあり、そこに 4 つのブロックがあります。

ブロック 1 は通常、項目の膨大なリストであるため、ユーザーはページを下にスクロールしてすべてを表示する必要があります。

問題は、ブロック 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 %}