Définir la hauteur de la section en fullpage.js

Je suis en utilisant fullPage.js
Cela peut sembler très noobish, mais ne peuvent pas comprendre comment définir une section, d'une hauteur de moins de 100%, j'ai essayé de la mettre au css à l'aide .section et #section1 (eg. height: 80%;), mais cela n'a aucun effet...

Merci beaucoup.

Max

InformationsquelleAutor BEECHBOY707 | 2014-08-09
  1. 8

    La même question été répondu dans le plugin github questions du forum.

    C'est une PLEINE PAGE du plugin.
    Il n'y a pas une telle option

    Il n'est pas une option du plugin offre.
    Si vous voulez le faire, vous devez le faire par vous-même. Probablement par l'écrasement de la height propriété des sections et des toboggans d'après le plugin est rendu (sur la afterRender de rappel) et après c'est redimensionnée (afterResize).

    Vous pouvez l'essayer en ajoutant des styles CSS ainsi, en ajoutant des choses comme:

    #section1,
#section1 .fp-slide,
#section1 .fp-tableCell{
    height: auto !important;
}

    Mise à JOUR

    Maintenant fullpage.js fournit un moyen de créer de plus petites sections de la fenêtre d'affichage (ou même plus grands lors de l'utilisation de autoScrolling:false ou scrollBar:true.

    Ajout de la classe fp-auto-height sur chaque section va le faire comme indiqué dans la documentation.

    Mise à JOUR 2

    fp-auto-height ne vous permettra pas d'utiliser des pourcentages, mais il y a une extension qui vous donne cette possibilité. Décalage Sections.
    Il vous permet également d'afficher la section du milieu de la vue-port montrant des parties de la précédente et de la suivante.

    InformationsquelleAutor Alvaro
  2. 0

    C'est ce que j'ai trouvé, j'ai changé 

    $(window).height();

    à
    var windowsHeight = $('.universal-container').height();

    donc permet de dire que nous avons 4 divs

    <div class="main-container">
<div class= "1st-div-holder">
</div>
<div class= "2nd-div-holder">
    <div class= "section">
        <div class= "universal-container">

    </div>
   </div>
  </div>
</div>

    maintenant sur notre css, nous pouvons faire quelque chose comme ce

    .main-comtainer{
width:100%;
height:100%;
}


.1st-div-holder{
height:10%;
width:100%;
position:fixed;
}

.2nd-div-holder{
height: 90%;
position: absolute;
bottom: 0;
}

    de cette façon, la hauteur est automatiquement pris sans prendre la totalité de la fenêtre.

    InformationsquelleAutor The Naga Tanker