/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

5 votes131 views3 answers
Open in a new tab react
Javascript React
1 vote122 views1 answer
React native flatlist horizontal scroll
Javascript React
-1 vote134 views2 answers
React pdf
Javascript React
0 vote136 views1 answer
React native controlling device brightness
Javascript React
31 votes118 views1 answer
Download react router dom
Javascript React
0 vote158 views1 answer
Create a link in react js to download xcelfile
Javascript React
8 votes138 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote136 views1 answer
React-select-search useSelect hook
Javascript React
0 vote132 views2 answers
React firebase hooks
Javascript React
0 vote128 views1 answer
React script syntax for deployment
Javascript React