Прокрутить вниз div после загрузки элемента?

Подобно этому вопросу, у меня также есть страница с div, которая заполняется пузырями в стиле чата при нажатии - каждый щелчок приводит к появлению одного нового «пузыря». Все они содержатся в div .content, у которого нет заданной высоты.

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

Как рекомендовано в вопросе, который я разместил, я попытался добавить этот скрипт в конец моей страницы:

$(document).ready(function() {
    $(".content").click(function() {
            $(".content").animate({ scrollTop: $(".content")[0].scrollHeight}, 1000);
    });
});

но, похоже, это вообще ничего не делает... Я упускаю что-то очевидное?

Я также настроил jsfiddle, убирая эффект загрузки каждого пузырька при нажатии. Эффект прокрутки вниз до нижней части div при нажатии, похоже, тоже не работает. Я супер новичок и пытаюсь во всем этом разобраться, поэтому любая помощь очень ценится!! заранее спасибо


html jquery
person Tuck    schedule 08.12.2014    source источник
comment
Вы пробовали поставить overflow: auto на div.content ?   -  person Joce Pedno    schedule 08.12.2014
comment
Я пробовал, но до сих пор нет кубиков...   -  person Tuck    schedule 08.12.2014

Ответы (1)


arrow_upward
1
arrow_downward

Следите за моими обновлениями

$(document).ready(function() {
  $(".content").click(function() {
    $("html, body").animate({ scrollTop: $(".content")[0].scrollHeight}, 1000);
  });
});

JSFiddle

person Hoa    schedule 09.12.2014