每次在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()了链接处理程序
preventDefault()