固定的 div ( fixed_div
) 位于顶部以在其中显示 Google 地图。然后一个大 div ( big_div
) 留在它下面。大 div 里面有许多带有 class 的小 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 具有可变的高度属性。
如果我能够知道一个新的small_div
已经到达固定div的下部,我可以找到id
小div的对应,并且可以通过ajax调用了解在固定div中显示哪个google map。
如何感知一个新的small_div
已经到达固定div的下部?
编辑:大 div 有一个min-height
属性。