Breaking News: Grepper is joining You.com. Read the official announcement!

Handle the onScroll event in React

</ProgAli> answered on August 17, 2022 Popularity 10/10 Helpfulness 7/10

answer Handle the onScroll event in React

related scroll event in react

Handle the onScroll event in React

Comment

import {useEffect} from 'react';

const App = () => {
  useEffect(() => {
    const handleScroll = event => {
      console.log('window.scrollY', window.scrollY);
    };

    window.addEventListener('scroll', handleScroll);

    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return (
    <div
      style={{
        border: '3px solid black',
        width: '400px',
        height: '1000rem',
      }}
    >
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
    </div>
  );
};

export default App;

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: handle javascript onscroll

Link to this answer
Share Copy Link

Contributed on Jan 18 2023

</ProgAli>

0 Answers Avg Quality 2/10

Closely Related Answers

scroll event in react

Comment

function App() {

  useEffect(() => {
  
    const handleScroll = event => {
      console.log('window.scrollY', window.scrollY);
    };

    window.addEventListener('scroll', handleScroll);

    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return //todo;
}

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Aug 17 2022

skillz

0 Answers Avg Quality 2/10

Handle the onScroll event in React

Contents

More Related Answers

Handle the onScroll event in React

Closely Related Answers

scroll event in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.