如何淡出，淡入窗口滚动的div？

Question

我的div在100px滚动后很好地淡出，但在300px滚动后不会淡入。

有什么想法吗？

$(document).ready(function(){
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('#menuWrap').animate({opacity: 0.5}, 1000);   
            } 
        if ($(this).scrollTop() > 300) {
            $('#menuWrap').animate({opacity: 1}, 1000);
            }
     });
});

Answer 1

尝试添加stop()或stop(true,true) befaore animate(..)：

$(document).ready(function(){
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('#menuWrap').stop().animate({opacity: 0.5}, 1000);   
            } 
        if ($(this).scrollTop() > 300) {
            $('#menuWrap').stop().animate({opacity: 1}, 1000);
            }
     });
});