2013-11-28 5 views
7

두 개의 버튼이 있습니다 : #btn1#btn2; 나는 그들이 클릭 할 때 앞뒤로 가고 싶습니다. 따라서 #btn1은 이전 슬라이드로 이동해야하며 #btn2을 클릭하면 다음 슬라이드로 이동합니다.Fullpage.js : 다음 및 이전 버튼

슬라이드에는 fullPage.js을 사용합니다. 문서에서

날이

$.fn.fullpage.moveSlideUp(); 
$.fn.fullpage.moveSlideDown(); 

를 사용하지만 Javascript 아마추어 해요해야한다고 말한다. 너 나 좀 도와 줄 수있어? 경우에 옵션 fixedElements을 사용하는 것이 좋습니다 또한

$('#button1Id').click(function(){ 
    $.fn.fullpage.moveSectionDown(); 
}); 


$('#button2Id').click(function(){ 
    $.fn.fullpage.moveSectionUp(); 
}); 

을 그리고 :

+0

답변이 업데이트되었습니다. – Alvaro

답변

18

그냥이를 추가합니다.

$.fn.fullpage({ 
    fixedElements: '#button1Id, #button2Id' 
}); 


UPDATE


당신이 fullpage.js의 2.X를 사용하는 경우 당신은 옵션 fixedElements을 사용할 필요 없어요. 플러그인에 대한 래퍼를 사용하고 고정 된 요소를 래퍼 외부에 배치하는 것은 CSS에 고정 된 위치 지정 스타일을 추가하면 올바르게 작동합니다.

Example online

+1

감사합니다. 친구, 잘 작동합니다. – user3046428

+1

문제가 해결되면 대답을 수락해야합니다. 진드기로. – Alvaro

+0

감사합니다! 위대한 작품! :) – joryl

관련 문제