docs: add comment about rootMargin

keithamus · web-flow · commit c590212cc971 · 2021-03-05T15:28:02.000Z
diff --git a/src/index.ts b/src/index.ts
@@ -12,6 +12,10 @@ const observer = new IntersectionObserver(entries => {
     }
   }
 }, {
+  // Currently the threshold is set to 256px from the bottom of the viewport
+  // with a threshold of 0.1. This means the element will not load until about
+  // 2 keyboard-down-arrow presses away from being visible in the viewport,
+  // giving us some time to fetch it before the contents are made visible
   rootMargin: '0px 0px 256px 0px',
   threshold: 0.01
 })

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,10 @@ const observer = new IntersectionObserver(entries => {`
`12`	`12`	`}`
`13`	`13`	`}`
`14`	`14`	`}, {`
	`15`	`+ // Currently the threshold is set to 256px from the bottom of the viewport`
	`16`	`+ // with a threshold of 0.1. This means the element will not load until about`
	`17`	`+ // 2 keyboard-down-arrow presses away from being visible in the viewport,`
	`18`	`+ // giving us some time to fetch it before the contents are made visible`
`15`	`19`	`rootMargin: '0px 0px 256px 0px',`
`16`	`20`	`threshold: 0.01`
`17`	`21`	`})`