/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

2 votes139 views1 answer
Text decoration in react
Javascript React
113 votes230 views6 answers
How to create a new react app
Javascript React
31 votes151 views3 answers
React mui icons
Javascript React
0 vote148 views2 answers
React router dom v6
Javascript React
0 vote136 views1 answer
Images not displaying in react
Javascript React
1 vote134 views1 answer
Class Component in ReactJS
Javascript React
15 votes141 views2 answers
Link reload page react
Javascript React
0 vote142 views1 answer
React break out of useeffect
Javascript React
0 vote155 views1 answer
Background image in react from variable
Javascript React
12 votes137 views4 answers
Uninstall material ui react
Javascript React