Я видел много решений, использующих JavaScript, но я пытаюсь сделать это, просто используя HTML / CSS / PHP.
У меня есть таблица, где контент загружается с php из базы данных, и я сделал его прокручиваемым. Теперь я хочу, чтобы прокрутка началась снизу.
Вот мой PHP:
echo "<table>";
//get messages
$get_m = "select user_name, message, time from Chat NATURAL JOIN User where user_id = 1;";
$messages = $db->query($get_m);
//display messages
foreach ($messages as $row) {
//display each message in table
echo "<tr>";
echo "<td class='left'>" . $row['user_name'] . "</td>";
echo "<td class='center'>" . $row['message'] . "</td>";
echo "<td class='right'>" . $row['time'] . "</td>";
echo "</tr>";
}
//end table
echo "</table>";
Вот мой CSS:
#chat_tab table{
position: relative;
display: block;
overflow-y: scroll;
scrollTop: scrollHeight;
}
Спасибо!
Бросьте один из них внизу прокрутки. Стиль это, чтобы скрыть это. Это не всегда поддерживается, но следует прокрутить вниз до автофокуса в этом поле ввода зомби.
<input type="text" autofocus></input>
Других решений пока нет …