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);
});

小提琴 HERE 。

Answer 2

您可以使用调整大小事件。

    $(window).resize(function() {  $('#column').css("height","??px"); });

页面滚动定义的对象高度

2 个答案: