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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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