Medium
Here is a component supposed to display the number of pixels scrolled vertically.
class Scroller extends React.Component{
constructor(props){
super(props);
this.state={distance: window.scrollY};
this.updateDistance= this.updateDistance.bind(this);
}
updateDistance(){
this.setState({distance: window.scrollY});
}
componentDidMount(){
window.addEventListener("scroll", this.updateDistance);
}
render(){
return(
<div style="height: 5000px">
<p style="position: fixed; top: 5px; left: 5px">
Scrolled{this.state.distance} pixels.
</p>
</div>
);
}
}
What is(are) the problem(s)?
Author: Victor SabatierStatus: PublishedQuestion passed 1400 times
Edit
3
Community EvaluationsNo one has reviewed this question yet, be the first!
Similar QuestionsMore questions about React
6
Improve this React component so that it displays "Green" by default.5
Write a React function that fetches comments and passes them to a component.4
How to submit a form in React4
Optimize a React component by implementing shouldComponentUpdate2
Write the missing code to render the children of the UserProfile component.