Question

我想知道是否可以根据滚动位置改变宽度。我正在尝试这个：

$(document).scroll(function(){
    var img = $("#lip");
    middle = $('#middle').offset();
    var y = $(this).scrollTop();

    if(y < middle.top){
        img.animate({width: "400px"}, 1000);
    }else if(y > middle.top){
        img.animate({width: "100px"}, 1000);
    }
});

这段代码的问题是只有一个“如果”工作，如果我删除一个，其他工作，但我希望它们一起工作！

HTML是这样的：

<div id="header">
    <div id="lip">
        <img src="image.png" />
    </div>
</div>

<div id="middle">
    blablabla
</div>

Answer 1

也许你应该写

if(y < middle.top){
    img.animate({width: "400px"}, 1000);
}else{
    img.animate({width: "100px"}, 1000);
}

你应该在＆＃34; if＆＃34;

之前添加

console.log(y, middle.top)

并打开你的JS控制台，以便在使用滚动条

时查看thoses值

滚动= 0时执行某些操作，当＆gt;＆lt;时执行其他操作0与jQuery

1 个答案: