Question

所以我想要的是，当页面加载时，div上的滚动显示底部的内容。最好的例子是Skype聊天或Facebook Messenger。您在底部键入消息，消息显示在底部。如果您有更多消息，所有这些消息都会排在最前面。最新的按摩将始终位于最底层。问题是如果你有几个消息你必须滚动，滚动从下到上。

到目前为止，我有以下代码：

$('#list-messages-sent').scrollTop($('#list-messages-sent')[0].scrollHeight);

我甚至添加了window.onload：

window.onload($('#list-messages-sent').scrollTop($('#list-messages-sent')[0].scrollHeight));

但我似乎无法使其发挥作用。我的卷轴始终显示在顶部

以下是jsfiddle

Answer 1

好的找到了解决方案！所以在div之后，我只需添加js代码。所以在div完成加载后，js脚本将执行。

这就是我做的事情

<div id="list-messages-sent">
   <?php foreach ($conversation->getMessages() as $message) { ?>
       <div class="message-item">
        ...
       </div>
   <?php } ?>
</div>

<script>
   $('#list-messages-sent').scrollTop($('#list-messages-sent')[0].scrollHeight);
</script>

如何制作垂直反向滚动？

1 个答案: