Как запустить прокручиваемый объект снизу, используя HTML / CSS?

Я видел много решений, использующих 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;
}

Спасибо!

0

Решение

Бросьте один из них внизу прокрутки. Стиль это, чтобы скрыть это. Это не всегда поддерживается, но следует прокрутить вниз до автофокуса в этом поле ввода зомби.

<input type="text" autofocus></input>
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]