当前位置: 首页 > 面试题库 >

React.js:停止渲染从滚动到页面顶部

冀俊良
2023-03-14
问题内容

每次在React.js中执行渲染时,UI都会滚动到页面顶部。

JSFiddle:http :
//jsfiddle.net/bengrunfeld/dcfy5xrd/

有什么漂亮或 反应性的 方式可以阻止这种情况吗?

例如,如果用户向下滚动页面,然后按下导致渲染的按钮,则UI将保持与以前相同的滚动位置。

// Forces a render which scrolls to top of page
this.setState({data: data});

更新:为什么UI滚动到某些渲染的顶部,而不滚动到其他渲染?


问题答案:

@floydophone在Twitter上回答了这个问题。

https://twitter.com/floydophone/status/608129119025561600

@bengrunfeld @reactjs您忘记preventDefault()了链接处理程序



 类似资料:
  • 问题内容: 我有一个问题,我不知道如何解决。在我的react组件中,我在底部显示一长串数据和少量链接。单击任何此链接后,我将在列表中添加新的链接集合,并需要滚动到顶部。 问题是- 呈现新集合 后 如何滚动到顶部? 问题答案: 由于原始解决方案是为 react的 早期版本提供的,因此这里进行了更新:

  • 我有一个问题,我没有办法解决。在react组件中,我在底部显示了一长串数据和几个链接。在点击任何一个链接后,我用新的链接集合填写列表,并需要滚动到顶部。 问题是-呈现新集合后如何滚动到顶部?

  • 问题内容: 我的浏览器在ajax请求后滚动到顶部,然后我使用 滚动回到我的div。有没有一种方法可以阻止它从一开始就滚动到顶部 问题答案: 您应该将其添加到ajax调用函数的末尾。或至内联通话结束:

  • 我正在制作一个基于体素的游戏,为了它的需要,我正在创建一个块渲染引擎。 重点是,我需要生成很多立方体。每次我渲染超过16x16x16块的theese块时,我的FPS几乎都会下降,因为它渲染了所有theese立方体的所有6个面。那是24576个四边形,我不想要。 所以,我的问题是,如何停止渲染不可见的顶点(或四边形),从而提高我的游戏性能? 以下是用于渲染块的类: 下面是呈现它们的代码:

  • 当我单击列表项以转到另一个页面时,当前页面会跳转到屏幕顶部,然后再转换到下一页。 这个问题发生在jQM 1.2中,在新发布的1.3版本中仍然没有修复。 是否有人知道如何防止滚动到顶部,并在使用后退按钮时记住滚动位置? 这种令人讨厌的行为是不可接受的,并破坏了整个应用程序体验。 我使用它作为一个网络应用程序,在iPhone4S,iOS6.1.2。

  • 问题内容: 使用Python和Selenium时,我在滚动到网页顶部时遇到问题。 当页面由于某种原因加载时,您将被带到页面底部(这是固定的)。但是,当我尝试滚动到顶部时,它不起作用。 我尝试了以下方法: 和 我也尝试过找到该元素,然后滚动到它: 向下滚动到元素时,上面的scrollIntoView()代码适用。但是,它无法向上滚动。 我已经尝试过运行Chrome驱动程序和PhantomJs。 有什