прокрутите вниз и прокрутите функции события

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(); 
var current_scroll = $(window).scrollTop(); 

Если last_scroll и current_scroll получают такое же значение, присвоенное, changes_scroll будет ВСЕГДА быть нулевым

Answer 2

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