•  21-12-2019
  •  | 
  •  

Pregunta

Me sorprende no haber podido encontrar la respuesta a este problema antes.Intenté incorporar el complemento de página completa en mi sitio y básicamente desactivé la función de desplazamiento.Está atascado en el primer tramo.Intenté hacer una versión simplificada, cortando todo hasta el hueso, el mismo problema.

en la sección de cabecera...

<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>

En la sección del cuerpo...

<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>

¿Qué está sucediendo?Gracias de antemano.

¿Fue útil?

Solución

No estás siguiendo la estructura requerida para el complemento.Su class="section" Los elementos deben estar al mismo nivel que se indica. en la documentación.No puedes tener una sección dentro. <main>.Debería estar al mismo nivel.

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

Además, si está utilizando la última versión del complemento, debe usar un ajuste para todas las secciones y usarlo también en la inicialización:

<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>

Inicialización:

$(document).ready(function() {
    $('#fullpage').fullpage();
});
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top