lib/Mind-Expanding-Books
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Doesn't recognize scroll when html & body height are 100%

Browse Source
This commit is contained in:
SurajKhayamali
2020-06-11 19:56:15 +05:45
committed by Vishnu Ks
parent 40d8e36880
commit 98013de897
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/src/pages/index.js
View File

@@ -1,19 +1,20 @@
import React, { useState, useEffect } from "react" import React, { useState, useEffect } from "react"
import { graphql } from 'gatsby'
import Layout from "../components/layout" import Layout from "../components/layout"
import SEO from "../components/seo" import SEO from "../components/seo"
import BookCard from "../components/bookcard" import BookCard from "../components/bookcard"
function myFunction(data, end, setEnd) { function myFunction(setEnd, end) {
if (document.documentElement.clientHeight+document.documentElement.scrollTop===document.documentElement.scrollHeight) { if (document.documentElement.clientHeight+document.documentElement.scrollTop>=document.documentElement.scrollHeight) {
setEnd(end+4) setEnd(end+12)
} }
} }
export default ({data}) => { export default ({data}) => {
let [end, setEnd] = useState(4); let [end, setEnd] = useState(12);
useEffect(()=>{ useEffect(()=>{
window.document.onscroll = () => myFunction(data, end, setEnd); window.document.onscroll = () => myFunction(setEnd, end);
}) })
return ( return (
<Layout> <Layout>
@@ -24,6 +25,8 @@ export default ({data}) => {
return ( return (
<BookCard book={x.node} key={x.node.id} /> <BookCard book={x.node} key={x.node.id} />
) )
}else{
return null;
} }
})} })}
</div> </div>