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>

如何使用HTML / CSS从底部启动可滚动对象？

1 个答案: