Проблема с функцией положения jQuery UI, когда родительский div не виден на экране

Question

У меня странная проблема с функцией позиционирования пользовательского интерфейса jQuery.

В нем есть родительский div, который больше высоты экрана и еще один маленький div. Моя функция сообщает маленькому элементу div находиться внизу родительского элемента.

Когда дно видно, все в порядке, но когда дно не видно из-за размера окна, функция позиционирования не работает.

Следуй за ничьей, чтобы понять

И функция, которую я использую:

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

РЕДАКТИРОВАТЬ: JSFiddle - jsfiddle.net / Steve_Wellens / 5Zdac (спасибо Стив, отличный инструмент)

Answer 1

Я думаю, вы должны использовать атрибут столкновения:

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

Таким образом, «MY DIV» всегда будет внизу слева.