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

js - change div height on scroll

Phi answered on February 18, 2021 Popularity 7/10 Helpfulness 4/10

answer js - change div height on scroll

related change height of div with scroll in javascript

js - change div height on scroll

Comment

var header = document.getElementById("header_parent");

window.onscroll = function(e) {
    if(window.scrollY) {
        if(window.pageYOffset > 50) {
            header.style.height = 30;
        } else {
            header.style.height = 50;
        }
    }
}

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: height javascript scroll

Link to this answer
Share Copy Link

Contributed on May 13 2022

Phi

0 Answers Avg Quality 2/10

Closely Related Answers

change height of div with scroll in javascript

Comment

$(window).on('scroll', function () {
    var scrollTop = $(window).scrollTop();
    if (scrollTop > 50) {
        $('#header_parent').stop().animate({height: "30px"},200);
    }
    else {
         $('#header_parent').stop().animate({height: "50px"},200);   
    }
});

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: height he

Link to this answer
Share Copy Link

Contributed on Feb 18 2021

Awful Antelope

0 Answers Avg Quality 2/10

js - change div height on scroll

Contents

More Related Answers

js - change div height on scroll

Closely Related Answers

change height of div with scroll in javascript

Grepper

Documentation

Social

Legal

Contact

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