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);
            }
     });
});