JQuery UI .position() пропускает высоту целевого элемента, установленного с помощью jQuery .height() ⇐ Html

[Anonymous]

Это мой HTML:

Код: Выделить всё

Lorem

Я устанавливаю высоту div.full-height с помощью jQuery следующим образом:

Код: Выделить всё

$(document).ready(function() {
function setHeight() {
viewportHeight = $(window).height();
$('.full-height').height(viewportHeight);
};
setHeight();

$(window).resize(function() {
setHeight();
});
});

Теперь я пытаюсь установить положение h1 в div.full-height по центру с помощью пользовательского интерфейса jQuery следующим образом:

Код: Выделить всё

$('.full-height > h1').position({
my: 'center center',
at: 'center center',
of: '.full-height'
});

Проблема в том, что он позиционируется правильно только в том случае, если я устанавливаю свойство фиксированной высоты в CSS.
В противном случае div.full-height имеет полную высоту, но h2 внутри него остается вверху, потому что функция .position() пользовательского интерфейса jQuery не знает, что div.full-height имеет 100% высоту.
/>Как заставить это работать?

Подробнее здесь: https://stackoverflow.com/questions/337 ... ery-height