2013-11-28 34 views
7

私は2つのボタン:#btn1#btn2を持っています。私は彼らがクリックされたときに前後に行きたがります。したがって、#btn1は前のスライドに移動する必要があります。#btn2をクリックすると、次のスライドに移動します。Fullpage.js:次と前のボタン

スライドにはfullPage.jsを使用します。ドキュメントで

は私がこの

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

を使用しなければならないと言うしかし、私はJavascriptとアマチュアです。手伝って頂けますか?

+0

回答が更新されました。 – Alvaro

答えて

18

ただ、この追加:場合のオプションfixedElementsを使用することも

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


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

、より良いが。

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


UPDATE


あなたは2.X fullpage.js使用しているなら、あなたはオプション fixedElementsを使用する必要がいけません。プラグインのラッパーを使用し、ラッパーの外側に固定要素を配置するだけで、固定配置されたスタイリングをCSSに追加すれば正常に動作します。

Example online

+1

おかげで、それは素晴らしい作品です:) – user3046428

+1

あなたの問題が解決したら答えを受け入れるべきです。ダニで。 – Alvaro

+0

ありがとうございます!よく働く! :) – joryl

関連する問題