如何在聊天中添加滚动条？
在聊天中添加滚动条可以通过CSS样式和JavaScript来实现。以下是一种常见的实现方式：
- 首先，在HTML中创建一个容器元素，用于显示聊天内容，并设置一个固定的高度，超出高度时会出现滚动条。例如：
<div id="chat-container" style="height: 300px; overflow-y: scroll;"></div>- 然后，使用JavaScript动态地向容器中添加聊天内容。例如：
var chatContainer = document.getElementById("chat-container");
chatContainer.innerHTML += "<p>这是一条聊天内容</p>";- 当聊天内容超出容器高度时，滚动条会自动出现，用户可以通过滚动条来查看之前的聊天记录。
这种方式可以通过CSS样式来自定义滚动条的外观，例如修改滚动条的颜色、宽度等。具体的样式可以通过CSS的伪类选择器来实现。
对于滚动条的优化，可以考虑以下几点：
- 自动滚动：当有新的聊天内容添加到容器中时，可以通过设置
scrollTop属性将滚动条自动滚动到最底部，以便用户能够看到最新的聊天记录。 - 滚动条样式：可以使用CSS样式来美化滚动条，例如修改滚动条的颜色、宽度、边框等，以使其更符合界面风格。
- 惯性滚动：在移动端上，可以考虑使用JavaScript库来实现惯性滚动效果，以提升用户体验。
腾讯云提供了一系列的云服务和产品，其中与前端开发相关的产品包括云服务器、云存储、云函数等，您可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
谁能告诉我如何隐藏滚动条而不去标记它？
我正在写一个聊天系统，并且有一些核心功能在工作，但是当聊天填满文本区域时，滚动条就会出现，以便腾出更多的空间，但我似乎找不到一种方法来隐藏滚动条而不完全取消它。
否则，如果可以只更改不透明度以使其不那么明显，而不更改聊天本身的不透明度。
浏览 0提问于2018-11-22得票数 0
我正在java上开发聊天应用程序，我希望在用户向上滚动时使用facebook使用的函数来检索聊天历史。我尝试了“上滚动”的动作，每当滚动到滚动条上或下的时候，就会触发事件。现在，我想要消防行动事件，只有当滚动条达到顶部，如在相册聊天室。
浏览 5提问于2015-06-26得票数 5
回答已采纳
1回答
如何在聊天中添加滚动条？
、、、
我在Laravel框架上聊了聊。一切正常，但你需要为聊天做一个滚动条。我该怎么做呢？ 我调用聊天的代码是： <!-- Chat -->
<div id="chatContainer" style="">
<div id="chatHeader">Chat</div>
<div id="chatBody" style="display: none;">
<div id="chatScroll
浏览 22提问于2019-08-27得票数 1
回答已采纳
1回答
我编写了一个聊天脚本，所有问题都与滚动DIV层有关。我下载了很少的聊天脚本，并在仔细观察后发现了下面的内容。
当添加了新的聊天行时，滚动条不会在聊天行添加后向下滚动。的添加到DIV层的底部，因为滚动不会造成任何干扰。
我所做的：
在我使用javascript向下滚动每一个固定的间隔之前。这样做，我无法手动滚动，以查看过去的行(由于间隔刷新滚动条移动到设置位置)。后来，我编写了一个javascript，它可以向下滚动OnClientClick，但这样做，我只能向下滚动Chat sender side，但当添加新的聊天线路时，它不能向下滚动到Chat receiver side。
我下载了许多聊天
浏览 0提问于2011-12-12得票数 5
回答已采纳
1回答
我希望在Iframe中有滚动条，这样滚动条始终保持在底部。我正在开发一个聊天应用程序，并在iframe中调用一个页面来显示聊天消息，所以我希望它滚动到底部automatically.How，我可以这样做吗?谢谢。
<div>
<iframe id="iframeEuser2" name="iframeEuser2" src="messagedisplay.aspx"
style="visibility:hidden; margin-left: 0px;"
onl
浏览 2提问于2013-10-10得票数 0
回答已采纳
1回答
我之前的聊天脚本在发送者端运行得很好。当一条新消息从文本框添加到数据库时，滚动条通常是在javascript的帮助下下来的，但问题是它不能向下滚动收件人的聊天脚本。我使用OnClientClick接口向下滚动代码到按钮。所以，在每个按钮上，单击滚动条通常会向下滚动，但当我单击enter时，如何才能向下滚动收件人的滚动条？
浏览 2提问于2011-09-23得票数 1
我在做一个聊天模块。我使用setInterval()函数来获取聊天历史记录。
我有一个滚动条(在发送/接收操作后显示)，然后每当我通过AJAX从数据库中获得结果时，滚动条应该保持在相同的位置，但是现在滚动条将位于消息的顶部。
如何处理AJAX响应--将消息列表保持在特定位置？
var scrollTopPosition = $("div#chat_sc_in").scrollTop();
var scroll_l = $("div#chat_sc_in").scrollLeft();
alert('Height is ' + scrollTopP
浏览 2提问于2022-01-18得票数 1
1回答
我正在开发一个聊天工具的界面，非常需要你的帮助。因此，我的聊天工具有一个自定义的垂直滚动条，我使用，我发现它在添加动态数据时有一些小问题，在这种情况下，当用户与代理聊天时，列表会变长。我对这个滚动条有问题，因为：
它将首先被禁用，直到达到一定的高度，然后显示滚动条。
滚动条不知道聊天是否附加，所以它不会自动调整高度。
我正在寻找一个解决办法，或一个垂直滚动插件，可以解决这个问题。
谢谢你的帮忙
浏览 4提问于2012-08-17得票数 0
1回答
我有一个脚本，获取聊天和刷新它在两个用户端，以便看起来实时的两个用户谁在聊天。但问题是，当我在开始时将滚动条拉到底部(大多数聊天应用程序都是这样做的)时，setTimeout函数会重新加载聊天，它会阻止用户向上滚动条。
<script>
var currentID = null;
var chatTimer = null;
function fetch_data() {
$.ajax({
url: "select.php",
method: "POST",
success: function(data)
浏览 4提问于2017-11-05得票数 0
1回答
解释：在角2，在我的聊天屏幕上，我想增加我的聊天屏幕的大小，因为我键入，最大5行，然后显示滚动条。我该怎么做呢？
问题：行为不像预期的那样。滚动条限制为5行需要这里，理想的合同，扩展不工作。
需求：--它应该在我输入时展开，当我按backspace时收缩。在5行之后，它应该显示滚动条。
我的代码：
home.ts
autogrow(){
let textArea = document.getElementById("textarea")
textArea.style.overflow = 'hidden';
textArea.styl
浏览 1提问于2019-09-17得票数 1
在我的网络聊天应用程序中，在聊天窗口div中，我希望始终显示消息的最后一行。我设置了overflow-y: auto，以便在需要时显示垂直滚动条。但是在滚动条出现之前，我不需要把它指向最后一行。如何知道垂直滚动条何时出现？我需要这样做的原因是，当没有垂直滚动条时，我使用：
var height = $('#chatbox')[0].scrollHeight;
$('#chatbox').scrollTop(height);
为了指向最后一行，当垂直滚动条不存在时，它总是返回一个javascript错误，指出没有对象或null。
浏览 0提问于2011-09-13得票数 0
回答已采纳
3回答
我在我的website.So中创建类似聊天的facebook每当用户单击与某人聊天的时候聊天窗口应该在右下角打开corner.The下一个窗口应该留给另一个打开的聊天windows.Also聊天窗口不应该在page.They上占据额外的高度应该只是放置在较高的z索引上以重叠它们后面的页面内容我在css中不是很好，请help.following是我正在使用的代码，但它不能正常工作
.chat{
z-index:50;
width: 300px;
height:300px;
margin-left:10px;
float:right;
border:
浏览 3提问于2013-02-22得票数 0
回答已采纳
4回答
我已经注意到这个新的水平滚动条在底部，我无法删除。我附上了一个图像，其中我也清楚地标记了滚动条，我正在谈论。我知道在应用程序设置中有画布设置，但这是针对上面的滚动条的。当我向右滚动标记的滚动条时，聊天和通知也会滚动，这在以前是不会发生的。
浏览 1提问于2013-06-18得票数 6
我正在对聊天室进行无限滚动，判断是否看到最后一条消息并加载数据，但滚动条仍保留在页面顶部，您知道，它将自动无限地执行调用api，如何将滚动条保持在前面消息的位置
浏览 10提问于2022-08-08得票数 2
2回答
我做了一个聊天应用程序，并在其中有聊天活动。要以类似对话框的样式显示消息，我使用ListView。
当我收到或发送聊天消息时，我需要ListView向下滚动到它的末尾。现在我用
chatView.smoothScrollToPosition(chatAdapter.getCount());
但是，当listview向下滚动时，它会显示一个动态的垂直滚动条。然而。当用户自己滚动列表时(使用手指)时，我想显示垂直滚动条，而不是以编程方式显示滚动条。
我怎样才能做到这一点？
浏览 3提问于2015-03-25得票数 1
回答已采纳
2回答
在页面加载时滚动到底部
、、、
我有下面的代码，它是我使用Firebase获得的聊天显示。问题是，当页面加载时，我希望它在底部直接设置滚动条。目前，它正慢慢地滑到底部(因为.animate)。当我重新加载页面时，如何让滚动条始终保持在底部，即使新内容被添加到聊天中？
$(document).ready(function () {
var myDataRef = new Firebase('https://ot7fwnsj7h7.firebaseio-demo.com/');
myDataRef.on('child_added', function (snapshot)
浏览 2提问于2014-10-17得票数 0
回答已采纳
我正在做一个带有超文本标记语言功能的JTextPane的聊天室。用户可以输入html标签在屏幕上显示图像。但是我在保持滚动条在底部的时候遇到了问题。我已经试过了
SwingUtilities.invokeLater(new Runnable() {
public void run() {
vertical.setValue(vertical.getMaximum());
}
});
但是滚动条向下滚动，然后再次向上滚动。看起来图片在函数被调用后完成了加载。我也试过了：
ClientScreen._chatMsgPane.setCaretPosition(_cha
浏览 0提问于2013-06-10得票数 0
1回答
我正在我的项目中开发聊天和呼叫应用程序。
所以有三个标签。
聊天的人
拨号器拨给特定人
聊天/通话历史
在这个标签中有三个部分。
标题
聊天/呼叫/历史记录部分。
选项卡转换导航器。
我做的中间部分可滚动。
我想让那个滚动条变薄。我不想使用浏览器的默认滚动条。
为此，我发现“：：-webkit-滚动条”，这是完美的铬。
我想将这个css应用于所有浏览器。
我发现滚动插件，但我不想使用任何外部插件。我想通过使用jquery / css/ javascript来解决这个问题。
是否有任何财产或任何东西可以解决我的问题？
浏览 3提问于2017-08-01得票数 2
1回答
我有一个聊天窗口(只是一个)，它可以使用overflow:auto滚动。每次新消息到达时，我都会使用ol.scrollTop = ol.scrollHeight将列表滚动到底部，以确保新消息始终可见。
至少在OSX上，这会触发滚动条的出现，并在再次消失后不久。除本例外，我希望保持标准的滚动条行为。
我曾尝试过::-webkit-scrollbar暂时隐藏滚动条，但是( a)之后我似乎无法再次显示它，b)显然这在其他浏览器中是行不通的。
有什么想法，如何防止滚动条出现在这一过渡？
浏览 0提问于2015-04-24得票数 0
1回答
试着学习CSS和尾风在一般情况下，并与高度斗争。
我在上面基于这个做了一个代码笔
如果我要滚动到聊天列表的底部，最后一张卡只会部分显示。我希望它能完全展现出来。
根据我所能解释的内容，聊天部分的列表被设置为100vh，结果它溢出并被配置为隐藏它。我不知道如何使它符合给定的高度。
我真正感到困惑的是，垂直滚动条是用来处理不能适应的内容，但是现在垂直滚动条本身不能适应给定的空间。
感谢你的帮助。谢谢!
浏览 4提问于2022-06-05得票数 0
回答已采纳
1回答
我有一个聊天盒，我必须保持滚动条始终在聊天底部，如果有新的消息到来，滚动条自动滚动到底部。我使用的代码滚动聊天框只有一半，当一个新的消息弹出时，它不会滚动到底部。
$('#chat_history_'+to_user_id).stop().animate({ scrollTop: $('#chat_history_'+to_user_id)[0].scrollHeight}, 1000);
浏览 44提问于2019-07-29得票数 0
回答已采纳
我在一个聊天室客户端上工作，正在使用HTML窗口来处理图像和html标签以及格式化等事情。当消息被添加到窗口时，我很难找到如何使滚动条停留在底部(每条消息都会将滚动条发送到顶部)
有人知道我会怎么做吗？
浏览 2提问于2010-09-25得票数 0
回答已采纳
我已经为两个用户之间的聊天创建了一个脚本。我希望滚动条转到底部(大多数聊天应用程序都是这样做的)，当用户再次输入新文本时，滚动条保持在最下面的位置。而且还希望每隔.5 ms刷新聊天框，使得聊天的两个用户都能实时地进行。
<script>
var currentID = null;
var chatTimer = null;
function fetch_data() {
$.ajax({
url: "select.php",
method: "POST",
success: function(data)
浏览 2提问于2017-11-05得票数 0
我正在刷新div元素，以获得最新的聊天消息，滚动条被编程为滚动到底部以查看新消息。
<div class="col-md-12 col-lg-12 chatLoader"></div>
下面是这个函数，但是我不能向上滚动以检查其他消息，滚动条继续向下滚动。
var loader = setInterval(
function(){
$(".chatLoader").load("./chatData.php").each(function(){
}).fadeIn(400, func
浏览 0提问于2018-08-17得票数 0
回答已采纳
1回答
我正在使用angularjs中的聊天框，我想在聊天区域中添加一个滚动条，这样就可以通过滚动起来很容易地看到较老的聊天。
<div class="chat active-chat" id="scroll" style="overflow-y: scroll;">
<div ng-repeat="c in activeConversations track by c.time| orderBy:'time':false">
<
浏览 2提问于2016-04-20得票数 1
回答已采纳
2回答
这是我第一次使用任何StackExchange网站，所以让我们看看它是如何进行的。
所以我一直在用Java语言做一个“本地”聊天程序，并使用JTextField作为聊天输入。但是我想允许多行聊天，所以我切换到了JTextArea。我使用GroupLayout (用Window Builder Pro -eclipse构建)来方便地调整窗口/组件的大小。这是一张图片：
JTabbedPane、JTextArea和Send按钮都包含在一个JPanel中，左边的所有内容都包含在它自己的JPanel中。因此，我将JTextArea和按钮停靠在右侧JPanel的底部。JTextArea允许垂直
浏览 0提问于2012-02-21得票数 5
回答已采纳
越来越多的Google应用将其滚动条替换为基于CSS的滚动条，这些滚动条需要鼠标滚动(传统的基于滚动条的滚动控件允许您使用键盘滚动)。
有什么方法可以迫使Goolge网站产品(如Google、Google、Google )在各种浏览器中使用传统的滚动条控件？
编辑：
似乎键盘只适用于页面上的“主”滚动条。因为CSS不允许您将焦点放在页面上的其他可滚动区域上。
我曾在GMail、Google和Google中尝试过这一点，比如Google和(如果我还记得的话，苹果Safari和Mozilla FireFox的行为也是一样的)。
“主”(通常是消息列表)可滚动区域与键盘上/下箭头滚动。
其他可滚动区
浏览 0提问于2012-03-13得票数 6
回答已采纳
1回答
我在windows窗体中创建了一个聊天室，并有一个列表框显示接收到的所有消息，当然，当发送新项目时，我的chatbox设置为自动滚动到底部。但是，如果用户正在查看旧消息并发送新项，则滚动条将立即跳转到底部。
我在想我可以做这样的事情：
if(scrollBarPosition != scrollBarBottom) doNotJumpToBottom
除了我似乎找不到任何滚动条位置变量。这是我跳到最下面的代码：
chatListBox.TopIndex = chatListBox.Items.Count - 1;
浏览 9提问于2022-09-27得票数 0
1回答
我正在用文本聊天制作一个应用程序。我想要显示文本输出，但不想自定义整个div，使用滚动条等。
在接受文本输入方面，<textarea>似乎表现得非常好。如何禁止输入新值？
浏览 5提问于2012-10-11得票数 1
回答已采纳
我想修复tkinter滚动文本小工具的滚动条的位置。我正在创建一个聊天机器人，在每个新的消息后，需要拖动滚动条来查看对话，这有一个坏的影响。下面是scrolledtext的代码 self.conversation = ScrolledText.ScrolledText(self,
state='disabled',borderwidth=5,
hi
浏览 92提问于2020-01-31得票数 0
1回答
我正在创建一个使用AJAX和PHP的聊天应用程序。我已经成功地将聊天记录对齐在显示聊天记录的div底部。当加载新消息时，消息被成功地添加到div的底部，并使用JS将滚动条置于底部以显示新消息。如下所示：
if(document.getElementById("oldmessages").scrollTopMax)
{
if(document.getElementById("oldmessages").scrollTopMax > document.getElementById("o
浏览 2提问于2014-01-30得票数 1
抱歉，标题模糊，我的英语词汇量很有限。
我正试图为我的网站做一个chatbox (工作有点像Facebook Messenger)。我拥有的是：
chatbox：
.chatbox {
width:500px;
height:500px;
max-height:500px;
display: block;
overflow: auto;
overflow-y: overlap;
position: relative;
}
聊天泡泡容器：
.chat-bubble-container {
width: 100%;
height: auto;
浏览 2提问于2020-05-05得票数 0
1回答
如何让滚动条从底部开始？
、、、、
我正在使用jFrame创建一个java聊天应用程序。我正在使用JScrollPane滚动文本区域。所有新消息都添加到底部，但滚动条从顶部开始。我如何让它从最底层开始？
浏览 0提问于2014-03-29得票数 0
1回答
我现在正在为我的游戏中的聊天框制作一个滚动条，但我无法计算滚动条中的拇指高度。
我试着
(containerHeight / contentHeight) * thumbHeight
但这不管用。
请给我一个主意，谢谢。
说明：
📷
浏览 0提问于2013-06-14得票数 -3
我不确定是否可以只在这里使用CSS，但我希望是这样。我有一个这样的聊天室：
我希望滚动条总是从底部开始，如果有任何垂直溢出，而不涉及任何动画。
浏览 1提问于2013-12-14得票数 0
回答已采纳
1回答
我正在聊天，在加载时，滚动条滚动到底部。这是在加载时调用的JS函数：
<script>
function updateScroll() {
var element = document.getElementById("chatlogs");
var elementHeight = element.scrollHeight;
element.scrollTop = elementHeight
}
window.onload = updateScroll;
</script>
然后，使用以下代码：
$(document).
浏览 2提问于2016-03-28得票数 1
回答已采纳
5回答
我正在制作一个网络聊天应用程序，我需要一些帮助。我将一些段落附加到div中，并将overflow设置为auto。当包含聊天的div的内容已满时，它会创建一个滚动条，但会停留在div的顶部。我希望滚动到底部固定，这样用户就不需要滚动每次他们收到一条消息。我该怎么办？
浏览 0提问于2013-12-29得票数 4
1回答
我有一个搜索栏，用户可以在那里搜索一些用户。当他们点击一个用户，他们会被导航到聊天屏幕。我想显示用户的用户名。但这是我的问题:我在用户“聊天屏幕”中导航的小部件包括其他小部件，比如应用程序栏的一个小部件和身体的另一个小部件。我只是在聊天屏幕中调用这个小部件。下面是我的问题，如何使用appbar小部件中chatscrren构造函数中的变量？这样的事有可能吗？
这里是我的小部件，在这里我给聊天屏幕提供了一些数据：
Widget searchListUserTile({String url, username,fullname, email}) {
final user = Provid
浏览 0提问于2021-03-22得票数 0
回答已采纳
2回答
我目前正在编写PHP和MYSQL聊天程序。聊天消息与类“. chat”一起保存在div中。它有一个溢出:auto元素，因此它有一个垂直滚动条。我喜欢这样，所以当你加入聊天，它启动滚动条在底部。
到目前为止，我有以下代码：
$(".chat").animate({ scrollTop: '7807897px' }, "fast");
这种方法并不总是起作用，而且可能会变得很烦人。我知道肯定有更简单的方法，我只是刚开始使用javascript，我真的很想得到一些帮助:)
非常感谢
编辑:我的.chat div有一个80%的高度元素。所以按高度排列的卷
浏览 2提问于2013-08-11得票数 3
回答已采纳
1回答
我有一个自动聊天部分，在那里我必须让聊天的滚动条到底部。如下所示：
function chatuser(user1) {
$("#currentuser").load('chatcontent.php', {
current: user1
}, function afterchatuser() {
$("#currentcontent").attr({
scrollTop: $("#currentcontent").attr("scrollHeight
浏览 1提问于2012-10-21得票数 0
回答已采纳
3回答
由于某些原因，我的滚动条的样式发生了变化。
我没有更改任何溢出样式(我在div中使用了overflow-y: scroll )。
当div不被滚动时，滚动条通常会消失，类似于Facebook聊天中使用的滚动条。
现在它有了这个静态边框，滚动条不会消失：
我使用Chrome作为浏览器。
浏览 1提问于2015-12-30得票数 0
2回答
AJAX聊天框滚动问题
、、、、
嗨，我正在写一个聊天网站，我对包含信息的div有一个问题。在CSS中，包含消息的div具有允许滚动条的overflow: auto;。现在的问题是，当ajax通过从数据库获取消息的PHP脚本获取消息时，您不能向上滚动。AJAX refreshMessages()函数设置为每秒钟使用window.setInterval(refreshMessages(), 1000);更新一次。这是我想要的，但是当我向上滚动以查看以前的消息时，滚动条会直接返回到聊天的末尾，这是因为AJAX获取函数。
对这个问题有什么想法吗？
AJAX代码：
//Fetch All Messages
var refreshMe
浏览 3提问于2015-05-08得票数 2
回答已采纳
3回答
如何设置滚动条的默认位置
、、、
在我的网页上有一个聊天窗口。填写聊天日志后，用户可以使用滚动条在消息之间导航。我希望我的聊天框总是显示位于底部的最后一条消息。我如何使用CSS，JavaScript来做这件事？
谢谢，Tomer
浏览 0提问于2011-01-01得票数 1
回答已采纳
1回答
我有一个自定义的聊天箱。我在滚动中添加了overflow-y。现在，每当我在文本框中编写内容时，它都会出现在滚动条窗口中。如何让滚动条窗口显示我写的最后一条消息，在我的情况下，它总是显示顶部。
浏览 5提问于2012-11-29得票数 1
回答已采纳
我有一个项目，它有一个聊天应用，看起来像这样： chat app image 正如你所看到的，滚动条不在窗口中，它在聊天部分，我想要做的是自动向下滚动聊天部分。我试着这样做： window.scrollTo(0, document.body.scrollHeight); 但这不起作用，有没有其他方法只向下滚动聊天部分？
浏览 15提问于2020-07-17得票数 0
回答已采纳
我正在尝试在我的网站上创建一个聊天页面。这个应用程序的一个重要特性是，无论何时收到新消息，都应该将旧消息推送到聊天输出区。
用户应该能够向上滚动查看按时间顺序收到的消息。我已经尝试过这样做()。但是，我无法向上滚动查看溢出的内容。
当内容在我的元素()下面溢出时，这很好用。
两者之间的唯一变化是bottom属性已更改为top。为什么我的滚动条不会出现在第一个示例中？
浏览 0提问于2015-06-18得票数 0
3回答
聊天滚动条
、、
我正在我的聊天箱上工作，当新帖子添加到底部时，我如何才能让滚动条跟随底部添加的新数据，或者如果您在中间重读某些内容，就像大多数irc客户一样？
浏览 0提问于2010-07-21得票数 2
1回答
当在jsp中使用overflow-x : scroll；和overflow-y: scroll时，如果记录较多，则滚动条显示正确，但当记录较少时，这意味着不需要显示任何滚动条，在这种情况下，滚动条也不会出现，这是正确的。
但问题是，滚动条隐藏区域显示为禁用一，带有顶部和底部箭头标记。
浏览 9提问于2017-02-23得票数 0
回答已采纳
我希望主题行有意义。
我在一个实时聊天支持区域工作。聊天区的高度是300px，我有一个问题，当聊天消息超过300px时，而垂直滚动条显示它总是停留在顶部，每次输入消息时，无论是客户还是操作员。
如果我能用简单的CSS完成它，我对使用js不是特别感兴趣。我能找到的更接近的例子是jscrollpane，它显示了一个自动重新初始化的例子，但我看到的结果与我拥有的简单overflow-y完全相同。我想知道是不是不可能让内容停留在面板底部(容器的底部)？
谢谢!
浏览 0提问于2011-04-17得票数 1
回答已采纳
1回答
我试着做一个像facebook信差一样的聊天室。我是使用最大高度和溢出，但滚动条自动滚动到顶部时，聊天室溢出。当div溢出时，如何保持滚动条在bot上的位置？
<div class="chatarea-cover">
<div class="chatarea"></div>//chat messages will be pushed to here
</div>
CSS
.chatarea-cover {
max-height: 200px;
overflow-y: scroll;
}
.chatar
浏览 2提问于2020-09-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
