/Javascript/React/React load after scrolling

React load after scrolling

componentWillMount(){
  window.addEventListener('scroll', this.loadMore);
}

componentWillUnmount(){
    window.removeEventListener('scroll', this.loadMore);
}

loadMore(){
    if (window.innerHeight + document.documentElement.scrollTop === document.scrollingElement.scrollHeight) {
        // Do load more content here!
    }
}

Source: stackoverflow.com

Similar codes

0 vote209 views1 answer
React-native-redux login example github
Javascript React
0 vote206 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
18 votes160 views3 answers
Add object to array react hook
Javascript React
1 vote170 views2 answers
React native map array of objects
Javascript React
1 vote175 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
1 vote194 views1 answer
Import json file in react native
Javascript React
11 votes170 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote192 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
0 vote187 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
0 vote182 views1 answer
Back button not working when modal open in react native
Javascript React