Ajax Div Поддерживать Высоту

Question

Привет,

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

Проблема в том, что высота div комментариев временно становится очень маленькой, пока полоса загрузки находится на месте. Это заставляет пользователя прокручивать страницу вниз, чтобы увидеть новые комментарии

Эту проблему можно увидеть внизу этой страницы, нажав кнопку «Далее».

Есть ли способ заставить div поддерживать свою высоту через Javascript? Я не хочу жестко задавать высоту div в случае, если на странице не более 3 комментариев.

Answer 1

перед загрузкой вашего ajax-контента в раздел комментариев установите высоту контейнера комментариев следующим образом (jQuery):

 // #comments is just an example. It may not be the same as your comments section.
$("#comments").css("height",$("#comments").height);

, затем после загрузки ваших комментариев (обратный вызов ajax complete / success) сбросьтевысота как это:

$("#comments").css("height","auto");

Answer 2

Я знаю, что это старый вопрос, но у меня это сработало.

var containerHeight = $("#comments").height();
$("#comments").css("height",containerHeight);

Затем установите «высоту авто» при загрузке содержимого.

$("#comments").css("height","auto");

Answer 3

Добавить только height() (скобки) здесь

$("#comments").css("height",$("#comments").height);