Question

so I have this code:

html

<div id="wrap">
    <div id="column"></div>
</div>

and Css

#wrap {
    display: block;
    height: 2000px;
    width: 400px
}
#column {
    display: block;
    height: 20px;
    width: 20px
}

And I want to change #column height when scrolling page.

Answer 1

Not sure how exactly you want to change the height of #column but here is the example:

$(document).scroll(function() {
  // scrollTop() = vertical position of the scroll bar
  $("#column").css("height", $(document).scrollTop() + 20);
});

Fiddle is HERE.