0

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

谢谢！

4

1 回答 1

0

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

<input type="text" autofocus></input>
于 2015-04-13T21:08:21.213 回答