jQuery 웨이 포인트 문제

Question

저는 며칠 동안이 문제를 겪어 왔으며, 지난 24 시간 동안 화면을보고 꼼짝 못하게 해답을 찾지 못했습니다. 나는 거의 코드와 함께 있다고 생각한다. 웨이 포인트가 아닐 때 div가 정상으로 돌아 오면 (fade back in), 테스트 경계 경유지에있다.

$(document).ready(function() { 
    $('#working-with-us').waypoint(function(direction) { 
     if (direction === 'down') { 
      $('.nav-container').fadeOut(); 
     } 
     else { 
      $('.nav-container').fadeOut(); 
     } 
    }); 

    $('#contact-us').waypoint(function(direction) { 
     if (direction === 'down') { 
      $('.nav-container').fadeOut(); 
     } 
     else { 
      $('.nav-container').fadeOut(); 
     } 
    }); 

    $(".test-border").waypoint(function() { 
     $('.nav-container').fadeIn(); 
    }); 
}); 

테스트 테두리 div는 두 섹션 사이에 있습니다. 어떤 도움을 주시면 감사하겠습니다.

Answer 1

생각해보십시오.

$(document).ready(function() { 
$('#sectionone, #sectiontwo').waypoint(function (direction) { 
    if (direction === 'down') { 
     if ($('.nav-container').is(":visible")) $('.nav-container').fadeOut(200); 
    } else { 
     if (!$('.nav-container').is(":visible")) $('.nav-container').fadeIn(200); 
    } 
}); 




$("header, .test-border").waypoint(function (direction) { 
    if (direction === 'up') { 
     if ($('.nav-container').is(":visible")) $('.nav-container').fadeOut(200); 
    } else { 
     if (!$('.nav-container').is(":visible")) $('.nav-container').fadeIn(200); 
    } 
}); 

});