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

});

demo

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

});

<强> see DEMO

Answer 2

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

如果last_scroll和current_scroll获得相同的值，changes_scroll总是为零

向下滚动并向上滚动事件功能

2 个答案: