За последние 24 часа нас посетили 17812 программистов и 1612 роботов. Сейчас ищут 1420 программистов ...

Установление положения "ползунка" полосы прокрутки на самый низ

Тема в разделе "JavaScript и AJAX", создана пользователем tasty_girl, 6 мар 2018.

  1. tasty_girl

    tasty_girl Новичок

    С нами с:
    23 ноя 2017
    Сообщения:
    7
    Симпатии:
    0

    По нажатию на один из блоков справа изменяется окно с диалогом слева.
    Необходимо после смены диалога отобразить список всех сообщений в окне с полосой прокрутки, но при этом, чтобы ползунок полосы прокрутки был расположен снизу (чтобы сразу же отображалось новое сообщений по аналогии со всеми популярными мессенджерами).


    Первый вопрос: как это осуществить?

    Второй вопрос: как сделать так, чтобы эта функция автоматически применялась после исполнения ajax запроса по получению "тела" диалога.

    Третий вопрос: как в целом выполнить какую-либо функцию сразу же после выполнения ajax запроса?
     
  2. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    Как то странно все это. А в чем сложность?
    Код (Javascript):
    1. $.ajax({
    2.   url: "test.html",
    3.   context: document.body
    4. }).done(function() {
    5.   $( this ).addClass( "done" );
    6.   // делай что угодно
    7. });
    8. $.ajax({
    9.   url: url,
    10.   data: data,
    11.   success: success, // делай что угодно
    12.   dataType: dataType
    13. });
    14.  
    15. $("#mydiv").scrollTop($("#mydiv")[0].scrollHeight);
     
    #2 nospiou, 6 мар 2018
    Последнее редактирование: 6 мар 2018
  3. tasty_girl

    tasty_girl Новичок

    С нами с:
    23 ноя 2017
    Сообщения:
    7
    Симпатии:
    0
    Да, поправлюсь, после success, а точнее после отображения результатов того, что я получил по ajax.
    Как я ни крутил всегда отображение результатов от ajax идет самым последним.
     
  4. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    PHP:
    1. $.ajax({
    2.   url: url,
    3.   data: data,
    4.   success: function(data) {
    5. // делай что угодно
    6. отображения результов
    7. // делай что угодно
    8.   },
    9.   dataType: dataType
    10. });