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

时间:2014-11-08 11:28:33

标签: javascript jquery html css

请在这里帮助我。 我的页面中有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&amp;很好。我被困在如何将TODAY块推到屏幕中心,以便FUTURE数据自动上升。

1 个答案:

答案 0 :(得分:0)

使用z-index检查此示例here。希望它有帮助