•  21-12-2019
  •  | 
  •  

Question

Je suis surpris de ne pas avoir trouvé de réponse à ce problème auparavant.J'ai essayé d'incorporer le plugin pleine page dans mon site et j'ai essentiellement désactivé la fonction de défilement.Il est bloqué sur la première section.J'ai essayé de faire une version simplifiée, en coupant tout jusqu'à l'os, même problème.

dans la section tête...

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

Dans la partie corps....

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

Que se passe-t-il?Merci d'avance.

Était-ce utile?

La solution

Vous ne suivez pas la structure requise pour le plugin.Ton class="section" les éléments doivent être au même niveau que celui indiqué dans les documents.Vous ne pouvez pas avoir de section à l'intérieur <main>.Cela devrait être au même niveau.

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

De plus, si vous utilisez la dernière version du plugin, vous devez utiliser un wrapper pour toutes les sections et l'utiliser également lors de l'initialisation :

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

Initialisation :

$(document).ready(function() {
    $('#fullpage').fullpage();
});
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top