如何使用django自动向下滚动聊天应用程序
你好，我想自动向下滚动，因为每当我刷新页面时，我总是看到对话的顶部，我的意思是开始对话，这是我的代码
<div class="card-body height3 scrollbar" style="margin-bottom: -60px;" id="card-body">
<ul class="chat-list" id="chat-list-id">
<p class="start-conversation"> </p>
{% for chat in chats %}
{% if chat.from_user == user.username %}
<li class="out">
<div class="chat-img">
<img alt="avatar" style="height: 48px;width: 48px;" src="{{here.image.url}}">
</div>
<div class="chat-body">
<div class="chat-message">
<h5>Me</h5>
<p>{{chat.messag_body}}</p>
</div>
</div>
</li>
{% else %}
<li class="in">
<div class="chat-img">
<img alt="avatar" src="{{here.image.url}}">
</div>
<div class="chat-body">
<div class="chat-message">
<h5>{{ chat.from_user }}</h5>
<p>{{ chat.messag_body }}</p>
</div>
</div>
</li>
{% endif %}
{%endfor%}
</ul>
</div>
共有2个答案
在页面底部试试这个
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$('document').ready(function() {
$('html').animate({scrollTop: document.body.scrollHeight},1);
});
</script>
您可以在jQuery中使用scrollTop函数。所以像这样：
$('.chat-body').scrollTop($('.chat-body')[0].scrollHeight);
-
问题内容： 我有一个AJAX聊天程序，将消息输出到div溢出：自动，所以如果它太长，则会出现滚动条。有没有办法让它在添加新消息时自动滚动到底部？最好使用jQuery？ 问题答案： 这将通过以下行完成 这是将滚动条设置为自己元素的高度 只需在每条新消息中都调用它即可：) 干杯
-
我的目标是在下拉列表中向下滚动，直到用户可以看到TN等状态。当scrollTo（）方法工作时，这在Appium中是可能的，但在当前的Appium构建中，它们被弃用。我试过驾驶。但是什么也没发生。我不太熟悉iOS谓词，但也尝试过使用它们。 到目前为止，替代方案已经尝试过，但都没有奏效： #1 #2:
-
问题内容： 我创建了一个带有JTextArea的JFrame。我想在每次追加后自动向下滚动文本区域。我应该如何处理？ 我已经尝试过，但是什么都没有改变。 问题答案： 有两种方法（但必须将JTextArea放在JScrollPane中） a）设置插入符号（方法正确） 例如 b）从（从）移至最大值
-
我正在尝试用Java向下滚动APK页面。我正在使用Appium和Selenium。 我试过： 和
-
问题内容： 当内容的高度增加时，有什么方法可以自动向下滚动ScrollPane控件？例如，我在屏幕底部（在ScrollPane内部）有一个TitledPane，当我展开它时，我希望ScrollPane向下滚动，以便可以看到TitledPane的全部内容。 问题答案： 您可以结合使用和和来实现该行为 第一个是获取titlePane的坐标，第二个是设置scrollPane的垂直栏位置。请注意，它的范围
-
当ScrollPane控件的内容高度增加时，是否有任何方法可以自动向下滚动？例如，我在屏幕底部有一个TitledPane（在ScrollPane内部），当我展开它时，我希望ScrollPane向下滚动，这样我就可以看到TitledPane的全部内容。