javascript - 页面滚动定义的对象高度

Question

所以我有这段代码:

html

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

和CSS

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

我想在滚动页面时更改#column 高度。

Answer 1

不确定您想要如何更改 #column 的高度，但这里是示例:

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

fiddle 是 HERE .