fullpagejs - не изменять высоту одного элемента в шаблоне

Question

Я использую fullpagejs.

Это замечательно, но я хотел бы иметь возможность сохранить размер некоторых из моих элементов, как есть.

В принципе, это просто макет у меня есть:

<?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 высоту нетронутой, но все еще можно прокручивать?

Я пробовал:

• перемещение #section5 вне родительского DIV, где Вся страница инициализируется (#fullpage)
• движущемся колонтитула внутри #section5
• с использованием fixedElements: '#section5'
• с использованием normalScrollElements: '#section5'

Но, к сожалению, ни один из эта попытка сработала для меня.

Любое предложение о том, как этого достичь?

PS: Я знаю, что есть также тема WordPress (как довольно очевидно, что я разрабатываю тему WordPress), но на этом этапе (это в основном закончено) я не могу, и я не хочу меняться на предварительно созданный шаблон WordPress, чтобы иметь возможность использовать функциональные возможности этой библиотеки.

Заранее благодарен всем.

Answer 1

Прочитайте документы относительно how to use smaller or bigger sections и проверьте online example.

<div class="section">Whole viewport</div> 
<div class="section fp-auto-height">Auto height</div> 

А если вы предпочитаете, чтобы определить его процент, попробуйте offset sections extension.