当生成新消息时，如何使用vue将滚动条滚动到最新消息的位置？

文章/答案/技术大牛

发布

1回答

javascript、vue.js、vuejs2

我希望在我输入一条新消息后，窗口可以立即移动到蓝色块的底部，以查看最新的消息！在尝试了很长时间之后，我还没有意识到这一点。我想问你，你能做些什么来实现这个effect？谢谢你们所有人。

浏览 68提问于2021-08-12得票数 0

回答已采纳

1回答

如何将滚动视图中的最后一个元素与键盘外观同步移动？

swift、swiftui

我正在为我的应用程序实现一个消息接口。但是，当我单击TextField来打开键盘时，ScrollView并没有将最后一条消息保存到ScrollView的底部。--换句话说，键盘将“覆盖”几条最新消息，我必须手动向上滚动以查看最新消息(参见)。我曾经尝试过使用ScrollViewReader对最后一条消息使用scrollTo，但一旦TextField聚焦，就必须使用带有延迟的异步DispatchQue

浏览 38提问于2022-01-06得票数 2

回答已采纳

6回答

jquery -在将项目添加到列表中时，防止窗口更改滚动位置？

jquery、list、window、scroll、prepend

我有一个显示消息的页面，我想让它像Facebook一样工作，但没有懒惰的加载程序。消息按时间顺序显示，最近的显示在最后。问题:当新的消息被放在前面时，现有的消息被下推，导致用户失去他们的“查看”位置。如何在添加新消息<

浏览 2提问于2012-03-23得票数 46

回答已采纳

1回答

YUI:使用ajax将内容加载到可滚动的div中，而不移动div内容

javascript、yui、scroller

我正试着像facebook一样使用消息传递。首先，滚动被放在页面的底部而不是顶部(默认行为)。当您滚动到div顶部时，将加载新消息，但不会更改div内容的位置。Facebook只会重新计算滚动位置。因此，当我在可滚动div的顶部加载新消息时，我需要停止滚动以自动移动页面顶部的滚动条。我正在使用YUI JS库...有什么线索吗？

浏览 1提问于2012-06-21得票数 0

1回答

带滚动条的AJAX聊天窗口保持不变，除非用户手动滚动它

javascript、php、jquery、ajax

这是我的JavaScript代码b.scrollTop =b.scrollHeight;如何自动更新位置以显示最新消息？我的AJAX代码是： var id

浏览 4提问于2018-03-01得票数 1

2回答

将元素附加到倒置FlatList的顶部

react-native、socket.io、chat、flatlist

我目前正在开发一个应用程序，我试图以一种传统的方式显示聊天消息。我与Socket.io一起使用的是世博会CLI，我的消息FlatList如下所示： ref={chatRef} keyExtractoronContentSizeChange = () => {} 我的聊天工作正常，显示良好

浏览 0提问于2021-01-15得票数 1

回答已采纳

3回答

javascript滚动到div类的底部

javascript、django、html

嗨，我正在尝试在django中实现一个简单的chatbox，想知道如何使用javascript滚动到div类的底部？基本上，当页面加载时，我希望用户可以看到发送给他们的最新消息，而不是最新的消息。

浏览 2提问于2012-04-17得票数 2

回答已采纳

1回答

WPF ScrollViewer滚动到FlowDocument元素

c#、wpf、offset、scrollviewer、flowdocument

有一个滚动查看器，它包含一个丰富的文本框，其中包含在其块中包含段落的流文档。现在，当添加新消息时，滚动查看器正确地向下滚动其内容(当滚动条位于底部时自动滚动)。在滚动到底部时，down文档中总是有最多100个段落。(当新消息到达时，顶部的旧段落将被删除。) 我想要添加的是，当我滚动到它的顶部滚

浏览 3提问于2014-08-15得票数 0

1回答

检查用户是否正在滚动，如果没有，则将滚动位置设置为底部。

javascript、jquery、scroll、scrollbar

当加载新消息时，滚动条需要定位在底部。我已经做到了。问题是，当用户试图滚动到顶部位置时，滚动条每200毫秒下降一次(因为我设置每200毫秒加载一次新消息，并将滚动条重新定位到底部。)如果用户在玩“计数”时已经滚动或滚动，那么滚动条将保持在原来的位置。如果用户根本没有滚动，现在也没有滚动，那么每当新消息到达<em

浏览 10提问于2016-12-05得票数 0

1回答

在图像加载时保持滚动位置

jquery

我有一个带有聊天消息列表的页面-一些文本，一些图像。当页面加载时，它会滚动到底部(这是最新消息所在的位置)如果有任何消息是图像，则加载后屏幕会变大，但用户的scrollHeight保持不变，并且消息会从屏幕底部消失在调用scrollTop之前，我可以通过等待页面完全加载来解决这个问题，但是，如果随后动态添加了一条消息，我目前不知道如何</

浏览 0提问于2020-02-26得票数 1

1回答

添加新项时滚动LongListSelector

c#、windows-phone-8、longlistselector

我有一个聊天应用程序，它在LongListSelector中显示消息，并使用语句ObservableCollection.Insert(0, message)添加新消息。我的问题是，当添加新消息时，LongListSelector不会向下滚动到新消息。在我看来，最好的解决方案是在LongListSelector当前滚动到顶部时自动滚动到新消息，但我无法找到检测当前

浏览 0提问于2014-09-17得票数 2

回答已采纳

2回答

嵌套<div>的Jquery滚动函数

javascript、jquery、html、css

我正在尝试制作一个nav，它可以滚动到我的站点的相应<div>。相应的divs嵌套在另一个带有max-height和滚动条的div中。这就是我的jquery往往会让我失败的时候。他是我提到的另一个问题的替罪羊：请注意，当您单击该按钮时，它不会滚动到正确的div，再次单击时，它会滚动到一个不方便<e

浏览 0提问于2014-11-23得票数 1

1回答

垂直对齐聊天页面和页面滚动的底部

javascript、html、css、ajax

我正在创建一个使用AJAX和PHP的聊天应用程序。我已经成功地将聊天记录对齐在显示聊天记录的div底部。当加载新消息时，消息被成功地添加到div的底部，并使用JS将滚动条置于底部以显示新消息。oldmessages").scrollTopMax; } 问题是，每次ajax请求加载新聊天时，都会不断轮询

浏览 2提问于2014-01-30得票数 1

1回答

在显示Firebase查询的RecyclerView开头插入对象

java、android、firebase、android-recyclerview、google-cloud-firestore

然后，我在聊天活动中使用setStackFromEnd(真)来翻转显示它们的顺序，因为最新消息应该在底部附近，并且使用messageList.add(0，message)将新消息添加到适配器的消息列表中());不再工作，因为输入到RecyclerView中的消息将重复加载RecyclerView时

浏览 0提问于2018-10-04得票数 1

回答已采纳

1回答

当呈现的数据多时，ScrollTop不会滚动到底部- Jquery。

javascript、jquery

我正在开发一个具有自定义控制台日志的web应用程序，在那里我显示所有的消息，以及应用程序中使用套接字发生的任何事情。每次发生套接字事件时，它都会将一个li元素附加到列表中，并将容器滚动到最底层，以便在日志中显示新消息。但是，当呈现的数据变得很多时，滚动条就不会到达最底层，而只是停留在相同的位置。只有少数几次击中它滚动到底部。$('.log-container'

浏览 0提问于2018-08-11得票数 0

回答已采纳

2回答

Labview:增加文本指示器的容量

text、scrollbar、labview、indicator

我在我的程序中有一个(多行)文本指示器，在那里我可以显示我的程序所做的一切。每次向指示器添加新字符串后，我都会将垂直滚动条移动到末尾，以确保用户将立即看到消息。它工作得很好。但是，当指示器中有大量文本时，用户无法移动滚动条。此外，添加新消息后，滚动条不会移动到指示器的底部。如何增加文本指示器的容量？有没有可能，或者我必须减少我

浏览 0提问于2015-09-28得票数 2

1回答

暂时隐藏HTML滚动条

html、css、scrollbar

我有一个聊天窗口(只是一个)，它可以使用overflow:auto滚动。每次新消息到达时，我都会使用ol.scrollTop = ol.scrollHeight将列表滚动到底部，以确保新消息始终可见。我曾尝试过::-webkit-scrollbar暂时隐藏滚动条，但是( a)之后我似

浏览 0提问于2015-04-24得票数 0

2回答

如何在React.createRef()方法上设置初始值？

javascript、reactjs、use-ref

我使用ref (当前滚动值)管理组件中的滚动。我不能使用state和setState，因为当用户滚动时，setState方法会使事情变得非常不稳定和不可能。因此，我决定使用不重新呈现组件，而是在组件重新呈现时保存值的render。我的问题是我不能为这个引用设置一个初始值。由于我使用的是类组件，所以我不能使用简单的useRef react钩子，它允许很容易地设置初始值.相反，我使用R

浏览 5提问于2021-07-30得票数 4

回答已采纳

3回答

在附加文本时如何防止TextBox自动滚动？

c#、wpf、winforms、winapi、textbox

我有一个带有垂直滚动条的多行TextBox，它记录来自实时处理的数据。目前，每当textBox.AppendText()添加新行时，TextBox就会滚动到底部，这样您就可以看到最后一个条目，这很棒。注意：我想使用TextBox，因为添加的文本有多行和用空格对齐，所以与ListBox或ListView一起使用并不简单。我试图通过textBox.Text += text添加一条新的行，但是TextBox不断地滚动到顶部。如果我们有

浏览 0提问于2013-09-13得票数 20

2回答

Vue.js: v-for完成后的事件

javascript、dom、vue.js

我正在尝试建立一个简单的聊天应用程序与Vue.js。我的问题是，当写入新消息时，消息区域需要滚动到底部。我使用v-for指令遍历消息。当v-for更新了DOM时，是否会发生事件？我这样做是为了让消息区div监听组件的message-array。我试着在将消息附加到数组的同一函数中，将消息区div的scrollTop设置为999

浏览 3提问于2016-01-15得票数 27

回答已采纳

点击加载更多