Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

react window.addEventListener

import React, { useEffect, useState } from 'react';

function MyApp () {

    const [offset, setOffset] = useState(0);

    useEffect(() => {
        const onScroll = () => setOffset(window.pageYOffset);
        // clean up code
        window.removeEventListener('scroll', onScroll);
        window.addEventListener('scroll', onScroll, { passive: true });
        return () => window.removeEventListener('scroll', onScroll);
    }, []);

    console.log(offset); 
};
Comment

PREVIOUS NEXT
Code Example
Javascript :: react recursive component 
Javascript :: find unique objects in an array of objects in javascript 5 
Javascript :: array remove first element js 
Javascript :: HashRouter 
Javascript :: monaco editor get value 
Javascript :: javascript remove css link 
Javascript :: js push array 
Javascript :: random number generatoe js 
Javascript :: add and remove class in jquery 
Javascript :: Put Variable Inside JavaScript String 
Javascript :: javascript Arrow Function with One Argumen 
Javascript :: get min/max array 
Javascript :: Modal Dialogs in React 
Javascript :: tinymce adding tbale buttons 
Javascript :: toast info 
Javascript :: js concat 
Javascript :: new line in javascript string 
Javascript :: optional function parameter javascript 
Javascript :: Different between for of loop and for in loop in js 
Javascript :: create new nx app 
Javascript :: reactjs alert 
Javascript :: javascript add items to array 
Javascript :: position of the mouse cursor javascript 
Javascript :: findone and update mongoose 
Javascript :: javascript color green to red 
Javascript :: how to clone an object in javascript 
Javascript :: how to change array element to integer in js 
Javascript :: value of javascript 
Javascript :: chnage classname of div 
Javascript :: image upload using jquery ajax 
ADD CONTENT
Topic
Content
Source link
Name
5+1 =