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

How increase height while scroll down but don't decrease when scroll up?

本文关键字：滚动 增加 高度      更新时间：2023-09-26

我在一个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();

要检测滚动是向下还是向上，您可以始终存储滚动的最后一个值，然后将其与事件处理程序中的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;
});
相关文章：