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

add class on window scroll

Perfect Peacock answered on June 19, 2021 Popularity 9/10 Helpfulness 8/10

answer add class on window scroll

related add class in element on scroll

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 javascript window-scroll

Link to this answer
Share Copy Link

Contributed on Aug 18 2022

Perfect Peacock

0 Answers Avg Quality 2/10

Closely Related Answers

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

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

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 on window scroll

Contents

More Related Answers

add class on window scroll

Closely Related Answers

add class in element on 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.