react-scroll-bottom-hook

A react hook that focus on scroll bottom.

Usage no npm install needed!

<script type="module">
  import reactScrollBottomHook from 'https://cdn.skypack.dev/react-scroll-bottom-hook';
</script>

README

react-scroll-bottom-hook

yarn add react-scroll-bottom-hook

wutdis

when you have legal doc and you want to check if user had scrolled to the bottom, this will solve your problem. Here's how:

import useScrollBottom from 'react-scroll-bottom-hook'

export default function Welcome() {
  const [isBottom, scrollRef ] = useScrollBottom()

  return (
    <div>
      {/* Some super long component her with overflow-y: scroll. attach the ref:*/}
      <div
        style={{overflowY:'scroll'}}
        ref={scrollRef} 
        >
        {state.welcome.privacyPolicy.contents}
      </div>
      {/* The isBottom state is handled from the library. Use this to disable the button. */}
      <button disabled={!isBottom}>    
        Looks Good! I have Read and Agreed to this Privacy Policy.
      </button>
    </div>
  )
}

size

https://bundlephobia.com/result?p=react-scroll-bottom-hook@0.6.0

Image of bundle size

license

unlicensed, use it how u want xd

maintainers