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

【问题标题】：How to start a scrollable object from bottom, using HTML/CSS?如何使用 HTML/CSS 从底部开始滚动对象？
【发布时间】：2015-04-13 20:52:21
【问题描述】：

我已经看到很多使用 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;
}

谢谢！

【问题讨论】：

那么你的问题是什么？

标签： php css scrollable bottom-up

【解决方案1】：

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

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

【讨论】：