Як прокрутити скролл у div до низу

Нещодавно мені треба було створити чат, і переді мною постало завдання прокрутки скролла вниз у div, для того щоб користувач відразу побачив нове повідомлення в чаті. Повідомлення чату, як Ви вже здогадалися, перебували в div. більшість програмістів прокручують скролл у div до низу неправильно, а в цій статті я покажу, як робити це з максимально чистим кодом.

Для початку наведу HTML-код:

тепер продемонструю CSS-код, який необхідний, щоб з`явилася смуга прокрутки:

Тепер перейдемо до прокручуванні скролла у div. Більшість програмістів робить так:

Безумовно, даний спосіб робочий. Але що якщо розмір div величезний? Тоді смуга прокрутки піде не до низу. Можна, звичайно, поставити 99999999 і навіть більше, але це виглядає ще гірше. Але ж є куди більш просте і елегантне рішення:

тут прокрутка піде до самого низу div незалежно від його розмірів, плюс немає констант прямо в коді, які завжди його псують.

І, нарешті, його можна використовувати не тільки для div, але і для самої сторінки:

Як бачите, все дуже просто. Також даний спосіб є кросбраузерності, тому можете сміливо його використовувати.