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

add class in element on scroll

Add Answer

Yucky Yacare answered on June 19, 2021 Popularity 9/10 Helpfulness 5/10

answer add class in element on scroll

related add class on window scroll

related add class in element on scroll

add class in element on scroll

Comment

const [scroll, setScroll] = useState(false);
 useEffect(() => {
   window.addEventListener("scroll", () => {
     setScroll(window.scrollY > 50);
   });
 }, []);

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: add class element javascript scroll

Link to this answer
Share Copy Link

Contributed on Jun 19 2021

Yucky Yacare

0 Answers Avg Quality 2/10

Closely Related Answers

add class on window scroll

Comment

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
    var div_top = $('.search-view');
    var stopPoint = div_top.offset().top + div_top.height()
     //>=, not <=
    if (scroll >= 200 && scroll <= stopPoint) {
        $(".search-field-toggle").addClass("stickySearch");
    }else{
      $(".search-field-toggle").removeClass("stickySearch");
    }
  }); //missing );

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: add class cl

Link to this answer
Share Copy Link

Contributed on Aug 18 2022

Perfect Peacock

0 Answers Avg Quality 2/10

add class in element on scroll

Comment

className={scroll ? "bg-black" : "bg-white"}

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Jun 19 2021

Yucky Yacare

0 Answers Avg Quality 2/10

add class in element on scroll

Contents

More Related Answers

add class in element on scroll

Closely Related Answers

add class on window scroll

add class in element on scroll

Grepper

Documentation

Social

Legal

Contact

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