/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 vote146 views1 answer
React-data-table-component api action button
Javascript React
0 vote156 views1 answer
Get rid of header bar react native
Javascript React
0 vote192 views1 answer
How to make back button react
Javascript React
8 votes154 views3 answers
React js props
Javascript React
0 vote147 views2 answers
React native countdown
Javascript React
0 vote122 views1 answer
Platform check in react native for status bar color
Javascript React
133 votes352 views6 answers
Using bootstrap with react
Javascript React
0 vote146 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React
0 vote150 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
8 votes144 views1 answer
Update object in react hooks
Javascript React