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

Question

我在One Page项目中，我需要一个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;
});