javascript - 更改其他 div 的位置后将 div 推到顶部

Question

请帮帮我。我的页面中有 3 个 UL。UL 1 可变高度UL 2 可变高度UL 3 可变高度现在假设如果我想将 ul 2 推到屏幕中间，以便 ul 1 自动到顶部并且屏幕上只有 ul 1 的一部分可见。我的意思是说，UL 1 可能是 1 到 50%，而 ul 2 可能是 50到......屏幕高度。请帮助我实现这一点。

<div> FUTURE </div>
<ul>
<li> List 1 </li>
<li> List 2 </li>
<li> List 3 </li>
.......
</ul>

<div> TODAY </div>
<ul>
<li> List 1 </li>
<li> List 2 </li>
<li> List 3 </li>
.......
</ul>

<div> PAST </div>
<ul>
<li> List 1 </li>
<li> List 2 </li>
<li> List 3 </li>
.......
</ul>

所有 3 个都可以出现在一个页面中。假设 future 的记录超过页面的高度，在这种情况下，我想将 TODAY block 推到屏幕中心，将 future 推到顶部。我已经为整个页面实现了 iScroll 并且工作正常。我不知道如何将 TODAY block 推到屏幕中央，以便 FUTURE 数据自动上升。

Answer 1

使用 z-index 检查这个例子 here .希望对您有所帮助