将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个都可以出现在页面中。假设未来的记录超过了页面的高度，在这种情况下，我想推动TODAY块到屏幕中心&未来到最高。我已经实现了整个页面的iScroll &工作得很好。我坚持如何将TODAY块推到屏幕的中心，以便FUTURE数据自动上升。

Answer 1

使用的z-index检查这个例子here。希望它有助于