jquery - 向下滚动和向上滚动事件函数

Question

为了学习目的，我正在执行以下 jquery。我想在向下滚动时增加蓝色 div 宽度并在向上滚动时减小。请建议我在哪里做错了。

jQuery：

$(window).scroll(function () {
    var last_scroll = $(window).scrollTop();
    var current_scroll = $(window).scrollTop();
    var changes_scroll = (current_scroll - last_scroll);


if (changes_scroll > 0) {
    $("#slide").width('+=10%');
} else {
     $("#slide").width('-=10%');
}

});

演示

Answer 1

var last_scroll = $(window).scrollTop();
$(window).scroll(function () {

    var current_scroll = $(window).scrollTop();
    var changes_scroll = (current_scroll - last_scroll);


if (changes_scroll > 0) {
    $("#slide").width('+=10%');
} else {
     $("#slide").width('-=10%');
}
 last_scroll = $(window).scrollTop();

});

见演示

Answer 2

var last_scroll = $(window).scrollTop();
var current_scroll = $(window).scrollTop();

如果 last_scroll 和 current_scroll 获得相同的分配值，changes_scroll将始终为零