如何在向下滚动时增加高度，而在向上滚动时不减小？

Question

我在一个单页项目中，我需要一个DIV在向下滚动时增加高度，但当向上滚动时，保持高度不变。

我通过以下代码使用JQuery：

$(function(){
    $(window).scroll(function() {
        var $broca = $('#corpo');
        var st = $(this).scrollTop();

        $broca.height( st - 600 );
        if( st == 0 ) {
            $broca.hide();
        } else {
            $broca.show();
        }
    }).scroll();

Answer 1

若要检测滚动是向下滚动还是向上滚动，可以始终存储滚动的最后一个值，然后将其与事件处理程序中的scrollTop()进行比较：

var lastVal = 0;
$(window).scroll(function() {
    var st = $(this).scrollTop();
    if (st > lastVal){
        // Is scrolling down... Increase height of div
    } else {
       // Is scrolling up, do nothing...
    }
    lastVal = st;
});