2016-09-08 2 views
4

fullpage.js 기능이있는 페이지가 있고 스테이지 사이에 페이지 요소를 조작하고 싶습니다. > 단계 사이에서 스크롤하는 동안.스테이지 간 fullpage.js 초기화 이벤트

여기는 플러그인의 기본 구조와 무대 변경시 상호 작용하고 싶은 요소입니다. 지금은 내가 원하는 것을 달성했지만, 페이지가 4 단계 섹션에 도달하면 그것은 을 사라져,하지만 난 플러그인이 세 번째에서 아래로 스크롤 네 번째 섹션에 도달하기 전에 를 퀘스 트 로그에서 사라질하는 데 필요합니다.

<div id="element"> 
    <p>The Element. *</p> 
</div> 
<div id="fullpage"> 
    <div class="section">SECTION ONE *</div> 
    <div class="section">SECTION TWO **</div> 
    <div class="section">SECTION THREE ***</div> 
    <div class="section homeFour">SECTION FOUR ****</div> 
</div> 

내가 조립 한 샘플 Fiddle here.

어떻게 내가 달성하기 위해 노력하고 무엇을 얻을 수 있습니까?


보너스 팁 :

당신은 같은 onLeave을 당신이 뭔가를 필요로 내가here.

답변

3

할 두 번째 단락에 기술 한 반대 논리를 찾을 수 있습니다 행사? https://jsfiddle.net/x7bdwynx/1/

onLeave: function(index, nextIndex, direction) { 
     if(index==3&&nextIndex==4&&direction=="down") 
     {   
      $('#element').addClass('hideCont');   
     } 
     if(index==4&&nextIndex==3&&direction=="up") 
     {   
      $('#element').removeClass('hideCont');   
     } 
    } 
+0

추측은 여기 피로감을 조금 데. 내가 왜 그렇게 생각하지 않았어? 대단히 감사합니다! – snkv