Question

我想在滚动页面时增加和减少div的宽度。我向下滚动150px后能够从右边增加div的宽度，但是当我在50px之前滚动时，div宽度没有减小，因为我编码了。

增加代码

var scroll_pos = 0;
jQuery(document).scroll(function() {
    scroll_pos = $(this).scrollTop();
    if (scroll_pos > 100) {
        scroll_pos = 100;

    }   
    jQuery(".roadway-sec-1").animate({
        width : (0+1*scroll_pos)+"%"
    });         


});

减少代码

jQuery(document).scroll(function() {
    var current=jQuery(".roadway-sec-1").width();
    scroll_pos = $(this).scrollTop();
    if (scroll_pos < 50) {
        scroll_pos = 50;

    }   
    jQuery(".roadway-sec-1").animate({
       width : "-=50"+"%"
    });         


});

Answer 1

你为什么不在一个函数中做这个技巧？

console.log(moment(new Date()).toDate().getTime() == (new Date()).getTime());
console.log(+(moment(new Date()).toDate()) == +(new Date()));

Answer 2

尝试将代码放在同一个jQuery.scroll()事件处理程序中，而不是放在两个单独的句柄中。

或者这可能是CSS样式错误。

Answer 3

我终于提出了一些逻辑，这个有用了。最好分享它:)）

var scroll_pos = 0;

jQuery(window).scroll(function() {
    scroll_pos = $(this).scrollTop();
    if (jQuery(window).scrollTop() < 50) {
        scroll_pos = 0-0*scroll_pos;

    }
    else
    {
        scroll_pos = 0+2.0*scroll_pos;
    }
    jQuery(".roadway-sec-1").width(scroll_pos);

    });

jquery宽度增加/减少滚动

3 个答案: