shouldFloatFooter function

FloatingFooterWithReact-3a.tsx

const footerBottomPadding = 24;

const floatFooter = useMemo(() => { 
  if (scrollingElement && footerContainerElement) {
    const {
      clientHeight: parentHeight,
      offsetTop: parentOffsetTop,
    } = scrollingElement;

    const {
      clientHeight: footerHeight,
      offsetTop: footerOffsetTop,
    } = footerContainerElement;

    return (
      parentHeight + parentOffsetTop + scrollTop <
        footerOffsetTop + footerHeight + footerBottomPadding
    );
  }

  return false;
}, [
  scrollTop,
  scrollingElement,
  footerContainerElement,
  windowHeight,
  lastMutation,
]);