Commite387065

committed

Add ability to specify the container for infinite scroll

1 parent51ed7b2 commite387065Copy full SHA for e387065

File tree

+10

-7

lines changed

+10

-7

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name":"@typesaurus/react",`
`3`		`-"version":"5.0.0-alpha.2",`
	`3`	`+"version":"5.0.0-alpha.3",`
`4`	`4`	`"description":"React Hooks for Typesaurus, type-safe Firestore ODM",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"React",`

Lines changed: 9 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,12 +3,15 @@ import { InfiniteLoadMoreState } from '../_lib/infinite'`
`3`	`3`
`4`	`4`	`exportdefaultfunctionuseInfiniteScroll(`
`5`	`5`	`treshold:number,`
`6`		`-loadMore:InfiniteLoadMoreState`
	`6`	`+loadMore:InfiniteLoadMoreState,`
	`7`	`+element?:HTMLElement`
`7`	`8`	`){`
`8`	`9`	`useEffect(()=>{`
	`10`	`+consttarget=element\|\|document.body`
	`11`	`+`
`9`	`12`	`consthandleScroll=()=>{`
`10`		`-constscrollY=window.scrollY`
`11`		`-constpageHeight=document.body.scrollHeight`
	`13`	`+constscrollY=element ?element.scrollTop :window.scrollY`
	`14`	`+constpageHeight=target.scrollHeight`
`12`	`15`	`constwindowHeight=window.innerHeight`
`13`	`16`	`constleftHeight=pageHeight-scrollY-windowHeight`
`14`	`17`
`@@ -18,9 +21,9 @@ export default function useInfiniteScroll(`
`18`	`21`	`}`
`19`	`22`
`20`	`23`	`handleScroll()`
`21`		`-window.addEventListener('scroll',handleScroll)`
	`24`	`+target.addEventListener('scroll',handleScroll)`
`22`	`25`	`return()=>{`
`23`		`-window.removeEventListener('scroll',handleScroll)`
	`26`	`+target.removeEventListener('scroll',handleScroll)`
`24`	`27`	`}`
`25`		`-},[loadMore])`
	`28`	`+},[loadMore,element])`
`26`	`29`	`}`

Comments

(0)