固定的div(fixed_div)停留在顶部,以在其中显示Google地图。然后,一个大div(big_div)停留在其下方。大div里面有许多有课堂的小div small_div。每个小div都有一个id small_div_n,其中n = 0、1、2、3 ..连续。大div滚动到固定div下方。
HTML:
<div class="fixed_div" >
</div><!-- end of class fixed_div -->
<div class="big_div">
<div class="small_div" id="small_div_0">
</div><!--end of class small_div -->
<div class="small_div" id="small_div_1">
</div><!--end of class small_div -->
<div class="small_div" id="small_div_2">
</div><!--end of class small_div -->
</div><!--end of class big_div -->
CSS:
.fixed_div {
position:fixed;
height:100px;
}
.big_div {
padding-top:100px;
}
.small_div {
min-height:80px;
}
小div具有可变的height属性。
如果我能知道一个新的small_div已到达固定div的下部,那么我可以找到id小div 的对应部分,并且可以通过ajax调用了解固定div中将显示哪个google map。
如何感觉到一个新的small_div已到达固定div的下部?
编辑:大div有一个min-height属性。
相关分类