在react中，当我获取时，componentDidMount中元素的offsetTop与在componentDidUpdate()中调用时相同元素的offsetTop值不同。为什么会这样呢？我认为componentDidMount是在render之后调用的，所以DOM元素被放在页面中，所以offsetTop的值应该是正确的。class Index extends React.Component { <IntroSection &#
浏览 43提问于2017-11-15得票数 0
下面的react代码应该解释我想要做的事情： return (
<div onPointerDownCapture={this.started} onPointerLeave
浏览 1提问于2022-01-05得票数 0
回答已采纳
我有一个呈现画布元素的组件。我有一个onMouseMove处理程序，但是当我将鼠标移到元素的顶部时，event.clientY打印86。为什么不是0？是否有一个合成事件属性可以提供相对于元素坐标系的点而不是相对于窗口的点？
浏览 8提问于2017-08-18得票数 3
回答已采纳
7回答
我正在尝试在React中实现一个列表视图。我正在尝试实现的是存储列表头信息，并注册组件和注册scroll事件。每次用户滚动窗口时，我都想取出存储的div并重新计算offsetTop数据。现在的问题是，我发现在onscroll函数中，控制台只打印出初始值(值是固定的，永远不会改变)，offsetTop数据永远不会改变。有人建议如何从_instances对象中获取最新的offsetTop吗？import React, { Component } from 'react';
浏览 630提问于2015-09-19得票数 75
回答已采纳
3回答
我通常只添加一个数据属性并执行如下操作：const position = container.offsetTop我遇到了一个没有定义电流的问题： super(props); }window.removeEventListener('scroll',
浏览 1提问于2018-08-24得票数 2
回答已采纳
1回答
这是我的应用程序组件：import Home from '.- 250) { } else if (window.scrollY >= aboutRef.current.offsetTop- 250) {
浏览 6提问于2022-10-02得票数 -2
1回答
我想测试下面的类，它使用React.createRef api。理想情况下，我希望使用shallow。class Main extends React.Component<Props, State> {
super(props); contentY: 0,
浏览 0提问于2019-02-07得票数 7
回答已采纳
我正在尝试获取React组件外部的元素的offsetTop、offsetLeft、offsetHeight等，并将这些值作为内联CSS传递给React组件。class MyComponent extends React.Component { super(props); const left = docume
浏览 89提问于2019-01-10得票数 1
回答已采纳
2回答
dateFormat="MMM yy" /> );in UseEffect钩子看起来像 console.log(inputRef); //here no offsetTop is no there in current
//console.log(inputRef.current.getBou
浏览 3提问于2021-03-09得票数 1
回答已采纳
我正在尝试在我的react应用程序组件中实现。ReactDOM.findDOMNode(self.refs.ribbon);
}, 1000)问题是我需要在timeout中包装和附加我的滚动处理程序，并希望它在这1秒内获得正确的offsetTop所以我
浏览 5提问于2016-09-27得票数 0
所以问题是，我如何在React中做到这一点？如果我正确理解React，信息在树中向下传递，但可以通过回调向上流动。但是组件只是将react元素传递给框架，而实际的渲染是在后台进行的。我问的是如何让React组件基于其他呈现的React组件的DOM坐标进行呈现。
浏览 26提问于2021-10-30得票数 0
如何从引用中检索pageYOffset？当我尝试这样做的时候，它返回时没有定义。//button to get offset onClick={() =>{
浏览 42提问于2020-06-06得票数 1
1回答
import React, { Component } from 'react';
import Home from '.
浏览 16提问于2017-12-27得票数 1
3回答
我正在使用React，并试图避免使用JQuery，所以非常希望您能给出一些普通的JS建议。谢谢。谢谢你的建议。设法用普通的JS组合一个解决方案，并在一个react组件中实现它。class HomeView extends React.Component{
super();
if(window.pageYOffset > 0 && window.
浏览 1提问于2017-04-09得票数 8
回答已采纳
2回答
我试着把我的任务从react.component变成钩子，但我遇到了一些麻烦。我真的不明白如何使用我的状态offsetTop。值是设定的，或者不是在我需要的时候。第一次尝试： setOffsetTop(window.pageYOffset+ document.querySelector(".projectsContainer").getBoundingClientRect().t
浏览 4提问于2021-04-24得票数 1
回答已采纳
我想使用这个函数... const scrollToRef = (ref) => window.scrollTo({ top: ref.current.offsetTop
浏览 33提问于2020-04-13得票数 0
回答已采纳
1回答
使固定侧边栏在到达页脚时开始滚动
、、、、
我必须做一个固定的侧边栏，当它到达React.js的页脚时它开始向上滚动，我想使用纯javascript和CSS而不使用jquery。请通过一些代码给我一些建议或帮助。
浏览 23提问于2021-02-17得票数 0
我正在处理一个React，并对它有一个onSubmit函数。我只在onSubmit函数中添加了以下行。const id = this.getErrorPositionById(); window.scrollTo({
浏览 2提问于2019-12-10得票数 0
我有以下组件定义： const ref = useRef= null) }}
行window
浏览 0提问于2019-07-14得票数 0
1回答
我试图让offsetTop使用react，然后将这些值添加到redux存储中。benefits: "benefits", contact: "contact" [refs.benefits]: this.refs[refs.benefits].offsetTop</
浏览 2提问于2016-10-07得票数 0
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号