php - 如何使用 HTML/CSS 从底部开始滚动对象？

Question

我见过很多使用 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;
}

谢谢!

Answer 1

将其中一个放在滚动 div 的底部。设置样式以隐藏它。这并不总是受支持，但它应该向下滚动以自动聚焦到这个僵尸输入字段上。

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