Problema de la función de posición jQuery UI cuando el div principal no está visible en la pantalla

Question

Tengo un problema extraño con la función de posición jQuery UI.

Hay un div principal, más grande que la altura de la pantalla y otro pequeño div dentro de él. Mi función indica al div pequeño que se ubique en la parte inferior de la matriz.

Cuando la parte inferior está visible, todo está bien, pero cuando la parte inferior no es visible debido al tamaño de la ventana, la función de posición no funciona.

Seguir un sorteo para facilitar la comprensión ...

Y la función es Im usar.

$("#_GREEN_div").position({ 
     of: $("#_RED_div"), 
     my: "left bottom", 
     at: "left bottom" 
    }); 

EDIT: jsFiddle - jsfiddle.net/Steve_Wellens/5Zdac (gracias Steve, gran herramienta)

Answer 1

Creo que debería utilizar el atributo de colisión también:

$("#_GREEN_div").position({ 
    of: $("#_RED_div"), 
    my: "left bottom", 
    at: "left bottom", 
    collision: 'none' 
}); 

esta manera "MI DIV" será siempre en la parte inferior izquierda.