Naprawiony div (fixed_div) pozostaje na górze, aby wyświetlić w nim mapę Google. Następnie duży div (big_div) pozostaje pod nim. Duży div ma w sobie wiele małych div z klasąsmall_div. Każdy mały div ma identyfikatorsmall_div_n gdzie n = 0,1,2,3 .. kolejno. Duży div jest przewijany pod stałym 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;
}

Małe div mają zmienną właściwość height.

Jeśli mogę wiedzieć, że nowysmall_div osiągnął dolną część ustalonego div, mogę znaleźć odpowiednieid małego div i może zrozumieć, która mapa google ma być pokazana w stałym div przez wywołanie ajax.

Jak wyczuć, że nowysmall_div osiągnął dolną część ustalonego div?

EDYTOWAĆ: duży div mamin-height własność.