symfony2中的Twig模板:保持位置:固定多个块

时间:2013-01-24 14:57:48

标签: html css symfony twig

我的symfony2项目中有一个twig模板,在那里我有4个块。

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

问题在于块2,3和4以及其中涉及其高度的小块。

所以,为了得到“好”的东西,我不得不提出想法:

  1. 使块2,3和4始终固定,因此当用户滚动dow时,页面将向下移动到块1,但其他块的内容将始终在屏幕上

    为此,我知道如何使用CSS:

    position:fixed 
    

    但我不知道如何使用位置:同时修复所有4个区块。我试图创建一个额外的父块,但它不起作用。

  2. 修复块1的大小,仅在块1内滚动,而不是在整个页面上滚动。我怎样才能做到这一点?如果我用CSS设置:

    height: 100px
    

    没什么好的。

  3. 非常感谢。

    编辑:这是我现在尝试的内容:

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

0 个答案:

没有答案