•  21-12-2019
  •  | 
  •  

Frage

Ich bin überrascht, dass ich vorher keine Antwort auf dieses Problem finden konnte.Ich habe versucht, das Fullpage-Plugin in meine Website zu integrieren und die Scrollfunktion grundsätzlich deaktiviert.Es bleibt im ersten Abschnitt hängen.Ich habe versucht, eine vereinfachte Version zu erstellen und alles auf den Punkt zu bringen, das gleiche Problem.

im Kopfteil...

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

Im Körperteil...

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

Was ist los?Dank im Voraus.

War es hilfreich?

Lösung

Sie befolgen nicht die erforderliche Struktur für das Plugin.Dein class="section" Elemente sollten auf der gleichen Ebene wie angegeben sein in der Dokumentation.Sie können keinen Abschnitt darin haben <main>.Es sollte auf dem gleichen Niveau sein.

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

Wenn Sie die letzte Version des Plugins verwenden, sollten Sie außerdem einen Wrap für alle Abschnitte verwenden und diesen auch bei der Initialisierung verwenden:

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

Initialisierung:

$(document).ready(function() {
    $('#fullpage').fullpage();
});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top