fullpagejsは - 私は<a href="https://github.com/alvarotrigo/fullPage.js#fullpagejs" rel="nofollow noreferrer">fullpagejs</a>を使用しているテンプレート

Question

に1つの要素の高さを変更いけません。

それは素晴らしいことだが、私はそれがあるとして、私のいくつかの要素のサイズを維持することができるようにしたいと思います。

<?php get_header(); ?> 
    <div class="container fullscreen body" id="fullpage"> 
    <!-- Section 1 --> 
    <div class="fullscreen-background fullpagescroll bg-position-bottom">... 
    <!-- Section 2 --> 
    <div class="fullscreen-background fullpagescroll bg-position-bottom">... 
    <!-- Section 3 --> 
    <div class="fullscreen-background fullpagescroll bg-position-bottom">... 
    <!-- Section 4 --> 
    <div class="fullscreen-background fullpagescroll bg-position-bottom">... 
    <!-- Section 5 --> 
    <div class="fullscreen-background fullpagescroll bg-position-bottom short">... 
    </div> 
<?php get_footer(); ?> 

基本的には、各セクションがその内のコンテンツをフルスクリーンにします

基本的に、これは私が持っているシンプルなレイアウトです。

これは、フルページのjavascriptの一部です：

$('#fullpage').fullpage({ 
    normalScrollElements: '#section5', 
    sectionSelector: '.fullpagescroll', 
    autoScrolling: true 
    }); 

私の問題は私のテンプレートで、+フッタセクション5は、ページのフルサイズですが、今、図書館で、それはとてもそのセクション5を変更したことですフルスクリーンでフッターがまったく表示されない（セクション5をスクロールできません）

#section5の高さは変更しませんが、それでもスクロールすることはできますか？

私が試み：

• をnormalScrollElements: '#section5'

を用い fixedElements: '#section5'

を用い#section5

内部フッタを移動フルページが（#fullpage）に初期化される親DIV

外#section5を移動させます

残念ながら、この試みは私のために働いた。

これを達成するための方法上の任意の提案？

PS：WordPressのテーマもかなりわかりましたが（私はWordPressテーマを開発しています）、この段階では（基本的には終了しました）できません。あらかじめ作成されたWordPressテンプレートを使用してこのライブラリの機能を使用することができます。みんなに事前に

感謝。

Answer 1

how to use smaller or bigger sectionsに関するドキュメントを読み、online exampleを確認してください。

また、パーセンテージで定義する場合は、offset sections extensionを試してください。