0

Не могу программно прокрутить див вниз. При добавлении значения textarea див прокручивается, но если я вручную прокручу этот див вверх, при следующем добавлении скролл не будет работать как надо. Как мне учесть пользовательскую прокрутку?

$(function (){
    $('button').click( function(){
        $('div').append("<p>" + $(this).prev().val() + "</p>");
        $('div').scrollTop($('div').height() + $('div').scrollTop());
    })
});

http://jsfiddle.net/5DkZc/3/

4
  • А нельзя просто аргументом для scrollTop взять, к примеру, 10000? Тогда всё работает. 17 мар 2013 в 12:30
  • это уже костыль.
    – Deus
    17 мар 2013 в 12:31
  • @eicto, doesn't work for me(chrome). Прокрутите вверх и увидите - скролл вниз не опускается
    – Deus
    17 мар 2013 в 12:33
  • jsfiddle.net/oceog/5DkZc/7
    – zb'
    17 мар 2013 в 12:35

1 ответ 1

2

Идея с суммированием высоты блока и текущей позиции прокрутки непонятна, чтобы скроллить до конца вниз надо scrollHeigh использовать:

$(function (){
    $div=$('div').first();
    $('button').click( function(){
        $div.append($("<p>").text($(this).prev().val()));
        $div.scrollTop($div.prop('scrollHeight'));
    });
});
9
  • проверяю ваш пример - он не работает
    – Deus
    17 мар 2013 в 12:38
  • просто не работает ? jsfiddle.net/oceog/5DkZc/7 вот здесь
    – zb'
    17 мар 2013 в 12:41
  • Uncaught SyntaxError: Unexpected token ;
    – Deus
    17 мар 2013 в 12:43
  • поправил, видимо не тот фидл записал/скопировал
    – zb'
    17 мар 2013 в 12:44
  • 1
    это из DOM не метод а свойство
    – zb'
    17 мар 2013 в 12:57

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.