fullPage.jsは使いやすく、カスタマイズしやすいように設計されています. 多彩な例、素晴らしいドキュメント、そしてコミュニティと個別サポートに対応しております.
<div id="fullpage">
<div class="section">
Section 1
</div>
<div class="section">
<div class="slide">
Slide 2.1
</div>
<div class="slide">
Slide 2.2
</div>
<div class="slide">
Slide 2.3
</div>
</div>
<div class="section">
Section 3
</div>
</div>new fullpage('#fullpage', {
navigation: true,
responsiveWidth: 700,
anchors: ['home', 'about-us', 'contact'],
parallax: true,
onLeave: function(origin, destination, direction){
console.log("Leaving section" + origin.index);
},
});モバイルとタブレット向けにデザインされており、完全にレスポンシブです.
子供だけでなく、大人も物を掴みたくなるからです.