我在我的聊天应用程序中有一个用React编写的消息div。我希望当用户第一次加载页面时，div被滚动到底部，以便看到最新的消息。我如何实现这一点？
浏览 117提问于2021-09-17得票数 0
我在我的应用程序中使用Redux，在一个组件中，当商店中发生变化时，我想滚动到特定的div标签。我让Redux部分工作，所以它触发了componentDidUpdate()方法(我已经路由到这个compoennt视图)。据我所知，问题是scrollIntoView()方法不能正常工作，因为componentDidUpdate()有一个默认行为，就是滚动到顶部，覆盖scrollIntoView()。为了解决这个问题，我将调用scrollIntoView()的函数包装在一个setTimeout中，以确保它发生
浏览 8提问于2017-07-13得票数 11
回答已采纳
我有一个react应用程序，它有一个评论部分。用户可以评论pdf，图片，excel和csv文件。当用户打开一个项目时，我希望带有注释的容器滚动到最底部。如果注释只是文本，则该功能工作得很好。但是，当有人在中添加任何类型的文件时，它将不再一直滚动到底部。它只滚动大约3/4，添加的文件越多，滚动的次数就越少。}
this.el.scrollIntoView({ b
浏览 6提问于2018-05-23得票数 0
2回答
我试图弄清楚如何在页面重新加载后滚动到元素。我正在尝试ref该元素，并在页面重新加载后滚动到它。 }
<divref={transactionRef}></div
浏览 2提问于2020-02-14得票数 0
回答已采纳
我正在使用react并试图构建一个类似聊天的facebook --右边的列向下滚动，有一个线程列表，中间的列有线程内容和自下而上的滚动。我使用flex进行了所有设置，但默认情况下，我坚持让中间的列滚动到底部(因为我想查看最新的聊天消息)。下面是实际容器的代码片段(我使用的是React bootstrap)： <Col ref={ (node) => { this.cont = node }}>this.props.id, 1000,
浏览 7提问于2017-03-09得票数 1
回答已采纳
2回答
如何设置组件在呈现时应该滚动到窗口顶部？我有一张桌子。当表格组件网被渲染时，它应该出现在屏幕的顶部，而不是中间。.It在javascript中是可能的吗?？但是如何使用React呢？} else { } <div}) <>nope</>
浏览 23提问于2019-07-04得票数 0
className="container"></div>这与预期的一样。当我转到下一页时，我得到了新的帖子，页面保持在相同的滚动位置。但当我将posts设置为组件时：<div className="container&qu
浏览 9提问于2021-05-22得票数 0
3回答
我已经就我的问题发表了一个问题，但这个问题仍未解决：
import React from "react"; </div> }
class MobileComponent extends React.Component900 for的
浏览 2提问于2019-07-16得票数 1
1回答
我正在使用下面的脚本来查看滚动条的位置 jQuery('.scroll').html(document.body.scrollTop);});
它只输出滚动条在div中的位置的px，但由于某些原因，位置结果总是不同的
比如，当我的浏览器窗口(chrome)被调到最大时，我向下滚动</em
浏览 3提问于2013-06-07得票数 3
1回答
确定视图端口滚动条的位置
、、、、
我需要实现没完没了的滚动，但是那个网格没有实现它。所以我必须想出我的解决方案。对于这项任务，我需要知道以下几点：
<div class="react-grid-Viewport" styl
浏览 4提问于2016-10-21得票数 1
回答已采纳
1回答
当我到达FlipKarts回收器列表视图的底部时，它会进入一个无限循环，调用renderFooter成千上万次，我无法再向上滚动了……不知道这会是什么。它应该滚动到底部，然后简单地弹出或只是停留在底部。相反，它被卡住了，我在github或stackoverflow上找不到任何东西。
浏览 25提问于2019-10-05得票数 0
我有以下样例react代码 const A = () => { const [value2, setValue2] = React.useState(true);
<div>} 当SecondComponent调用onChange
浏览 283提问于2021-09-14得票数 0
回答已采纳
1回答
我有一个react组件的集合，这些组件在react-stack-grid中呈现。当用户向下滚动时，使用react- limit scroll -component填充集合，为了限制集合中的项的数量，我从呈现的组件列表中删除项，但当我这样做时，需要更新滚动位置并移动以补偿新元素。> 40) {}
ret
浏览 0提问于2017-10-18得票数 0
我有下面的react组件，它本质上是一个聊天盒 const messages = this.props.messages; <div id>
)我遇到的问题是聊天消息框从容器的最顶部开始(滚动位置从顶部开始)。我希望滚动位置像普通聊天室一样位于底部。，并在渲染</e
浏览 20提问于2016-07-28得票数 10
回答已采纳
我想当组件加载或者我收到新的消息时，我可以去滚动的底部。没有反应，我试过了，这是工作。有了反应，我就不会成功。from 'react';import MessageChat from '.{ </
浏览 1提问于2019-08-29得票数 4
回答已采纳
我将一个div设置为overflow-y: auto。如果没有overflow-y: auto，我可以检查div的高度和内容吗？我想保持overflow-y: auto，知道div的高度是多少，就像没有overflow-y: auto一样 更具体： 我有一个聊天窗口。聊天包含文本和图像形式的消息。Chat div设置为overflow-y: auto，在div的底部，我有另一个保存ref={scrollToBottomRef}的div 然后我有了use
浏览 18提问于2019-01-31得票数 1
网络聊天会自动滚动到底部，因此用户必须向上滚动才能到达气泡顶部并开始阅读。 <div ref={ scrollRef } onClick={ triggerScrollTo}>
浏览 0提问于2020-04-03得票数 7
一旦用户开始添加项目到平面列表，它必须滚动到末尾。问题1.
有没有办法防止在使用onContentSizeChange
浏览 4提问于2021-11-23得票数 1
我正在尝试实现一个简单的Header组件，在这个组件中，header会在到达某个滚动位置后隐藏起来。该组件将在每次滚动位置更改时重新呈现，甚至在未调用setHeaderState时也是如此。 这里我漏掉了什么？它是不是因为我在使用useWindowScroll而重新渲染，我能以某种方式避免它吗？] = React.useState(0);
if (y
浏览 51提问于2019-10-01得票数 0
回答已采纳
3回答
我创建了一个页面，试图获得底部对齐工具栏的效果，就像one face book一样。为此，我创建了一个具有最高z索引的div，将位置设置为固定，并将底部设置为0，如下所示{ position : fixed; left : 0;}
它工作得很好，但滚动页面似乎需要时间来渲染，就像页面很重，滚动很流畅，但页面渲染</em
浏览 0提问于2009-08-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
