Add option for triggering onBottom when page has no scrollbar

Author: karl-run

src/hook/index.tsx

@@ -18,13 +18,15 @@ const createCallback = (debounce: number, handleOnScroll: () => void, options: D
  * @param offset Offset from bottom of page in pixels. E.g. 300 will trigger onBottom 300px from the bottom of the page
  * @param debounce Optional debounce in milliseconds, defaults to 200ms
  * @param debounceOptions Options passed to lodash.debounce, see https://lodash.com/docs/4.17.15#debounce
+ * @param triggerOnNoScroll Triggers the onBottom callback when the page has no scrollbar
  * @return React.MutableRefObject Optionally you can use this to pass to a element to use that as the scroll container
  */
 function useBottomScrollListener<T extends HTMLElement>(
   onBottom: () => void,
   offset: number = 0,
   debounce: number = 200,
   debounceOptions: DebounceOptions = { leading: true },
+  triggerOnNoScroll: boolean = false
 ) {
   const debouncedOnBottom = useMemo(() => createCallback(debounce, onBottom, debounceOptions), [debounce, onBottom])
   const containerRef = useRef<T>(null)
@@ -57,6 +59,10 @@ function useBottomScrollListener<T extends HTMLElement>(
       window.addEventListener('scroll', handleOnScroll)
     }
 
+    if (triggerOnNoScroll) {
+      handleOnScroll()
+    }
+
     return () => {
       if (ref != null) {
         ref.removeEventListener('scroll', handleOnScroll)