我的symfony2项目中有一个twig模板,在那里我有4个块。
第一块通常是一个巨大的项目列表,因此用户必须向下滚动页面才能看到所有内容。
问题在于块2,3和4以及其中涉及其高度的小块。
所以,为了得到“好”的东西,我不得不提出想法:
使块2,3和4始终固定,因此当用户滚动dow时,页面将向下移动到块1,但其他块的内容将始终在屏幕上
为此,我知道如何使用CSS:
position:fixed
但我不知道如何使用位置:同时修复所有4个区块。我试图创建一个额外的父块,但它不起作用。
修复块1的大小,仅在块1内滚动,而不是在整个页面上滚动。我怎样才能做到这一点?如果我用CSS设置:
height: 100px
没什么好的。
非常感谢。
编辑:这是我现在尝试的内容:
{% block global %}
<div style="position:fixed ">
{% block one %}
...
{% endblock %}
{% block two %}
...
{% endblock %}
</div>
{% endblock %}