CSS set div 'top' с jquery из div 'height'

У меня есть шаблон с большим количеством абсолютного позиционирования, теперь мой основной текст div имеет динамическую высоту, и мне нужен динамический нижний колонтитул, который следует после этого.

Я попытался установить верхнее состояние нижнего колонтитула с значением высоты из текстового div.

 <script type="text/javascript">
    $("#footer").top($("#text").height());
    </script>

К сожалению, инструменты Chrome Dev вызывают ошибку:

Uncaught TypeError: Object [object Object] не имеет метода 'top' (анонимная функция)

Итак, любая идея или помощь для моей проблемы?

Edit:

Итак, я попробовал

 $('#footer').css('top', $('#text').outerHeight() + 'px');

и он работает хорошо, возможно ли добавить некоторые px в это верхнее значение?

Ответ 1

Вам нужно будет установить свойство css 'top' в div #footer, а не называть .top() в самом div.

$("#footer").css('top', $("#text").height() + "px");

или вдоль этих строк

Ответ 2

Замените .top на .offset({top: somenumber})

http://api.jquery.com/offset/

Ответ 3

попробуйте следующее:

    $('#footer').style.css("top",$('#text').style.css("height"));

Ответ 4

Я бы предложил:

<script type="text/javascript">
    jQuery(document).ready(function($){
        $('#footer').css('top', $('#text').outerHeight() + 'px');
    });
</script>

Ответ 5

Отладчик верен, jQuery не абстрагирует метод top. Вы предпочитаете использовать .css(), например

$('#footer').css('top', $('#text').height());