jquery - 如何淡出，淡入窗口滚动的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)之前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);
            }
     });
});