•  21-12-2019
  •  | 
  •  

Domanda

Sono sorpreso che non riesco a trovare la risposta a questo problema prima.Ho provato ad incorporare il plugin PILUPAGE nel mio sito e fondamentalmente disabilitato la funzione di scorrimento.È bloccato nella prima sezione.Ho provato a fare una versione semplificata, tagliando tutto all'osso, stesso problema.

Nella sezione della testa ... 

<link href="css/jquery.fullPage.css" rel="stylesheet" type="text/css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="scripts/jquery.fullPage.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.fn.fullpage();
});
</script>
.

Nella sezione del corpo ... 

<body>
<header class="section">
    <div><h1>A</h1></div>
</header>
<main>
    <section class="section">
        <div><h1>B</h1></div>
</section>
<section class="section">
    <div><h1>C</h1></div>
</section>
</main>
</body>
.

Cosa sta succedendo?Grazie in anticipo.

È stato utile?

Soluzione

Non stai seguendo la struttura richiesta per il plugin. I tuoi elementi class="section" dovrebbero essere allo stesso livello di sottolineati nella documentazione .Non è possibile avere una sezione all'interno di <main>.Dovrebbe essere allo stesso livello. 

<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
.

Inoltre, se si utilizza l'ultima versione del plugin, è necessario utilizzare un wrap per tutte le sezioni e usarlo anche all'inizializzazione: 

<div id="fullpage">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
</div>
.

Inizializzazione: 

$(document).ready(function() {
    $('#fullpage').fullpage();
});
.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top